http,javascript的编码解码

请求与响应的编码应分开分析
两者的编码，解码处理是相对独立的流程
依赖于相对独立的header: request header, response header

ajax相关
http的请求分三部分
header iso-8859-1
uri  utf-8编码(待实验)
body utf-8编码(待实验)

响应
header  iso-8859-1
body  由服务器指定编码方式
响应的数据由浏览器根据返回的头部的编码方式解码
解码后传递给 javascript处理
最好在响应头部指定具体的编码方式

eg

  1. </pre><p><pre name="code" class="html"><!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="GBK">
  5. <script src="jquery.js"></script>
  6. <script src="app.js"></script>
  7. </head>
  8. <body>
  9. <div>
  10. </div>
  11. </body>
  12. </html>

app.js
访问 b.jsp butf8.jsp均正常显示中文

  1. $(function(){
  2. $.ajax({
  3. "url": "b.jsp", // "url": "butf8.jsp",
  4. "type": "get",
  5. "dataType": "json",
  6. "success": function(data){
  7. alert(data["yy"]);
  8. $("div").text(data["yy"]);
  9. }
  10. });
  11. });

b.jsp
保存为gbk文件

  1. <%@ page contentType="text/json;charset=gbk" %>
  2. <%
  3. out.println("{\"中文\":\"xx6\",\"yy\":\"英文6\"}");
  4. %>

butf8.jsp
保存为utf8文件

    1. <%@ page contentType="text/json;charset=utf-8" %>
    2. <%
    3. out.println("{\"中文\":\"xx5\",\"yy\":\"英文5\"}");

%>

======================================

app.js

  1. $(function(){
  2. $("#ss").on("click", function(){
  3. var p = $("p").text();
  4. alert(p);
  5. var pp = {"a": p+p, "b":"1"};
  6. alert(JSON.stringify(pp));
  7. $.ajax({
  8. "url": "b.jsp",
  9. "contentType":"text/json",
  10. "data": JSON.stringify(pp),
  11. //"data":pp,
  12. "type": "post",
  13. "dataType": "json",
  14. "success": function(data){
  15. //alert(data["yy"]);
  16. $("div").text(data["yy"]);
  17. $("p").text(data["yy"]);
  18. }
  19. });
  20. });
  21. });

b.jsp

  1. <%@ page import="java.io.InputStream" %>
  2. <%@ page contentType="text/json;charset=gbk" %>
  3. <%
  4. out.println("{\"中文\":\"xx6\",\"yy\":\"英文6\"}");
  5. %>
  6. <%
  7. byte[] bytes = new byte[1024 * 1024];
  8. InputStream is = request.getInputStream();
  9. int nRead = 1;
  10. int nTotalRead = 0;
  11. while (nRead > 0) {
  12. nRead = is.read(bytes, nTotalRead, bytes.length - nTotalRead);
  13. if (nRead > 0)
  14. nTotalRead = nTotalRead + nRead;
  15. }
  16. String str = new String(bytes, 0, nTotalRead, "gbk");
  17. System.out.println("Str:" + str);
  18. %>

原文为 "英文6英文6"

输出为 Str:{"a":"鑻辨枃6鑻辨枃6","b":"1"}

  1. String str = new String(bytes, 0, nTotalRead, "utf-8");

输出为 Str:{"a":"英文6英文6","b":"1"}

说明: javascript提交时("contentType":"text/json",),("contentType":"application/json"), 直接把 英文6英文6 编码为 utf-8 字节流

post观察的内容为:  {"a":"鑻辨枃6鑻辨枃6","b":"1"}

按gbk解码为 "鑻辨枃6鑻辨枃6"   , 按utf-8解码为   英文6英文6

********************

post缺省提交时
a=%E8%8B%B1%E6%96%876%E8%8B%B1%E6%96%876&b=1

utf-8 uriencode

http,javascript的编码解码的更多相关文章

  1. JavaScript - Base64 编码解码

    以下代码摘自:http://cryptojs.altervista.org/encoding/Base64.html function base64_encode(str) { if (window. ...

  2. 详解JavaScript中的Url编码/解码，表单提交中网址编码

    本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript 中和 编解码相关的几对函数escape / unescape ...

  3. Javascript与C#编码解码

    (一) Javascript与C#编码解码的对应关系 http://www.jb51.net/article/44062.htm 这篇文章主要是对JS与C#编码解码进行了详细的介绍,需要的朋友可以过来 ...

  4. Javascript Base64编码与解码

    原文:[转]Javascript Base64编码与解码 <html> <head> <META HTTP-EQUIV="MSThemeCompatible&q ...

  5. 第一百零八节，JavaScript，内置对象，Global对象字符串编码解码，Math对象数学公式

    JavaScript,内置对象,Global对象字符串编码解码,Math对象数学公式 学习要点: 1.Global对象 2.Math对象 ECMA-262对内置对象的定义是:"由ECMASc ...

  6. JavaScript字符集编码与解码

    一.字符集 1)字符与字节(Character) 字符是各种文字和符号的总称,包括乱码:一个字符对应1~n个字节,一字节对应8位,每位用0或1表示. 2)字符集(Character Set) 字符集是 ...

  7. Javascript中Base64编码解码的使用实例

    Javascript为我们提供了一个简单的方法来实现字符串的Base64编码和解码,分别是window.btoa()函数和window.atob()函数. 1 var encodedStr = win ...

  8. PHP和javascript中url编码解码详解

    在实际开发中,我们可能会遇到路径编码解码的问题,下面总结了一下: PHP中: 1.urlencode(编码),urldecode(解码) $a = urlencode('http://www.baid ...

  9. JavaScript中的编码解码

    1.URI 统一资源标识符(URI)是一个用于标识某一互联网资源名称的字符串.,该种标识允许用户对任何(包括本地和互联网)的资源通过特定的协议进行交互操作.Web上可用的每种资源 -HTML文档.图像 ...

随机推荐

  1. 安装 启动sshd服务：

    .先确认是否已安装ssh服务: [root@localhost ~]# rpm -qa | grep openssh-server openssh-server-.3p1-.fc12.i686 (这行 ...

  2. javaScriptObject转String

    function obj2str(o){ var r = []; if(typeof o =="string") return "\""+o.repl ...

  3. J2EE项目集成SAP的BO报表

    网上的方案: 每个用户在自己的J2EE系统的用户登陆的同时登陆bo系统,这做法的缺点是登陆bo速度慢,而且如果J2EE用户比较多的话会在bo服务器生成很多的token. 最佳方案(自己研究): 1.调 ...

  4. 统计一个文件中出现字符'a'的次数

    # -*- coding: utf-8 -*- #python 27 #xiaodeng #统计一个文件中出现字符'a'的次数 #http://www.cnblogs.com/hongten/p/ho ...

  5. 学习KNN

    转:© 著作权归作者所有 by ido 什么是KNN算法呢?顾名思义,就是K-Nearest neighbors Algorithms的简称.我们可能都知道最近邻算法,它就是KNN算法在k=1时的特例 ...

  6. 【LeetCode】39. Combination Sum (2 solutions)

    Combination Sum Given a set of candidate numbers (C) and a target number (T), find all unique combin ...

  7. 通俗易懂，C#如何安全、高效地玩转任何种类的内存之Span的脾气秉性(二)。 异步委托 微信小程序支付证书及SSL证书使用 SqlServer无备份下误删数据恢复 把list集合的内容写入到Xml中，通过XmlDocument方式写入Xml文件中 通过XDocument方式把List写入Xml文件

    通俗易懂,C#如何安全.高效地玩转任何种类的内存之Span的脾气秉性(二).   前言 读完上篇<通俗易懂,C#如何安全.高效地玩转任何种类的内存之Span的本质(一).>,相信大家对sp ...

  8. [Android实例] 拖动滑块进行图片拼合验证方式的实现

    该篇文章从eoeAndroid搬迁过来的,原文地址:[Android实例] 拖动滑块进行图片拼合验证方式的实现 现在网站上有各种各样的验证码验证方式,比如计算大小,输入图片内容等,今天在一家网站上看到 ...

  9. poj 3735 Training little cats（构造矩阵）

    http://poj.org/problem?id=3735 大致题意: 有n仅仅猫,開始时每仅仅猫有花生0颗,现有一组操作,由以下三个中的k个操作组成: 1. g i 给i仅仅猫一颗花生米 2. e ...

  10. nginx实战四

    nginx负载均衡 Nginx通过upstream和proxy_pass实现了负载均衡.本质上也是Nginx的反向代理功能,只不过后端的server为多个. 1.简单的轮询 upstream www ...