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. 解决Cydia出现红字提示“Sub-process/usr/bin/dpkg returned an error code(2)

    进入此路径/var/lib/dpkg/,修改红框中的文件名,依次修改为:"available" 重新命名为 "available-bak":"stat ...

  2. Redis学习（1）--环境配置，安装JDK，MySQL，tomcat

    Linux上安装jdk,mysql,tomcat安装 rpm命令: 相当于Windows的安装/卸载程序.可以进行程序的安装,更新,卸载,查看. 本地程序安装:rpm -ivh 程序名 本地程序查看: ...

  3. RDD转换成DataFrames

    官方提供了2种方法 1.利用反射来推断包含特定类型对象的RDD的schema.这种方法会简化代码并且在你已经知道schema的时候非常适用. 先创建一个bean类 case class Person( ...

  4. SpringMVC使用Cron表达式的定时器

    SpringMVC的功能很强大,集成了Quartz定时器的功能.能够通过Cron表达式和简单的注解就实现定时运行任务的功能. 网上看到不少样例,可是都不是非常全. 闲话少说.首先要在springmvc ...

  5. JedisClient(示例)

    拷贝 import java.io.IOException; import java.util.HashSet; import java.util.Map; import java.util.Set; ...

  6. 获取JSON格式的字符串各个属性对应的值

    {"lastrdtime":1515998187379,"creditbalance":"$5.00","contactmode& ...

  7. IDEA+SpringMVC+Spring+Mybatis

    详细参照: SSM框架——详细整合教程(Spring+SpringMVC+MyBatis) 这里只说一下注意的地方: 1.上面那篇是用的eclipse, 但IDEA的目录结构和eclipse稍有不同. ...

  8. 【LeetCode】149. Max Points on a Line

    Max Points on a Line Given n points on a 2D plane, find the maximum number of points that lie on the ...

  9. 安装Python 3.6

    原文地址:https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000/00143160904 ...

  10. usb端点(endpoint)知识详解

    stsw-stm32121库中: 把数据copy到对应端点的发送缓冲区后,使能发送状态编码STAT_TX=VALID,这时候usb的该端点就可以发送数据了 ----->即先调用usb_sil.c ...