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. vue 数组 新增元素 响应式原理 7种方法

    1.问题 思考一个问题,以下代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...

  2. hdu 4893 Wow! Such Sequence!(线段树)

    题目链接:hdu 4983 Wow! Such Sequence! 题目大意:就是三种操作 1 k d, 改动k的为值添加d 2 l r, 查询l到r的区间和 3 l r. 间l到r区间上的所以数变成 ...

  3. spring注解配置quartz

    常规配置quartz可以参考我的另外一篇博文:http://www.cnblogs.com/yangzhilong/p/3349116.html spring配置文件里增加: 命令空间: http:/ ...

  4. 微信小程序+PHP：动态显示项目倒计时（格式：4天7小时58分钟39秒）

    1.一般我们说的显示秒杀都是指的单条数据,循环我没做. 效果: 2.wxml代码: <p class="endtime_act">距报名截止还有: <block ...

  5. Linux查看GPU信息和使用情况

    Linux查看显卡信息: lspci | grep -i vga 使用nvidia GPU可以: lspci | grep -i nvidia [root@gpu-server-002 ~]# lsp ...

  6. PHP-数据库永久连接

    以下为PHP官网上对数据库永久连接做的解释: 永久的数据库连接是指在脚本结束运行时不关闭的连接.当收到一个永久连接的请求时.PHP 将检查是否已经存在一个(前面已经开启的)相同的永久连接.如果存在,将 ...

  7. SpringBoot启动

    一.启动时加载数据,就用CommandLineRunner 只需要将类实现CommandLineRunner,并且加上Component注解,还可以通过Order来控制启动顺序. @Component ...

  8. 【LeetCode】133. Clone Graph (3 solutions)

    Clone Graph Clone an undirected graph. Each node in the graph contains a label and a list of its nei ...

  9. JMeter学习笔记--JMeter执行顺序规则

    JMeter执行顺序规则: 配置元件 前置处理器 定时器 采样器 后置处理器(除非服务器响应为空) 断言 监听器 只有当作用域内存在采样器时,定时器.断言.前置/后置处理器才会被执行,逻辑控制器和采样 ...

  10. Android 布局之LinearLayout 子控件weight权重的作用详析

    关于Android开发中的LinearLayout子控件权重android:layout_weigh参数的作用,网上关于其用法有两种截然相反说法: 说法一:值越大,重要性越高,所占用的空间越大: 说法 ...