http,javascript的编码解码
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
- </pre><p><pre name="code" class="html"><!doctype html>
- <html>
- <head>
- <meta charset="GBK">
- <script src="jquery.js"></script>
- <script src="app.js"></script>
- </head>
- <body>
- <div>
- </div>
- </body>
- </html>
app.js
访问 b.jsp butf8.jsp均正常显示中文
- $(function(){
- $.ajax({
- "url": "b.jsp", // "url": "butf8.jsp",
- "type": "get",
- "dataType": "json",
- "success": function(data){
- alert(data["yy"]);
- $("div").text(data["yy"]);
- }
- });
- });
b.jsp
保存为gbk文件
- <%@ page contentType="text/json;charset=gbk" %>
- <%
- out.println("{\"中文\":\"xx6\",\"yy\":\"英文6\"}");
- %>
butf8.jsp
保存为utf8文件
- <%@ page contentType="text/json;charset=utf-8" %>
- <%
- out.println("{\"中文\":\"xx5\",\"yy\":\"英文5\"}");
%>
======================================
app.js
- $(function(){
- $("#ss").on("click", function(){
- var p = $("p").text();
- alert(p);
- var pp = {"a": p+p, "b":"1"};
- alert(JSON.stringify(pp));
- $.ajax({
- "url": "b.jsp",
- "contentType":"text/json",
- "data": JSON.stringify(pp),
- //"data":pp,
- "type": "post",
- "dataType": "json",
- "success": function(data){
- //alert(data["yy"]);
- $("div").text(data["yy"]);
- $("p").text(data["yy"]);
- }
- });
- });
- });
b.jsp
- <%@ page import="java.io.InputStream" %>
- <%@ page contentType="text/json;charset=gbk" %>
- <%
- out.println("{\"中文\":\"xx6\",\"yy\":\"英文6\"}");
- %>
- <%
- byte[] bytes = new byte[1024 * 1024];
- InputStream is = request.getInputStream();
- int nRead = 1;
- int nTotalRead = 0;
- while (nRead > 0) {
- nRead = is.read(bytes, nTotalRead, bytes.length - nTotalRead);
- if (nRead > 0)
- nTotalRead = nTotalRead + nRead;
- }
- String str = new String(bytes, 0, nTotalRead, "gbk");
- System.out.println("Str:" + str);
- %>
原文为 "英文6英文6"
输出为 Str:{"a":"鑻辨枃6鑻辨枃6","b":"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的编码解码的更多相关文章
- JavaScript - Base64 编码解码
以下代码摘自:http://cryptojs.altervista.org/encoding/Base64.html function base64_encode(str) { if (window. ...
- 详解JavaScript中的Url编码/解码,表单提交中网址编码
本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript 中和 编解码相关的几对函数escape / unescape ...
- Javascript与C#编码解码
(一) Javascript与C#编码解码的对应关系 http://www.jb51.net/article/44062.htm 这篇文章主要是对JS与C#编码解码进行了详细的介绍,需要的朋友可以过来 ...
- Javascript Base64编码与解码
原文:[转]Javascript Base64编码与解码 <html> <head> <META HTTP-EQUIV="MSThemeCompatible&q ...
- 第一百零八节,JavaScript,内置对象,Global对象字符串编码解码,Math对象数学公式
JavaScript,内置对象,Global对象字符串编码解码,Math对象数学公式 学习要点: 1.Global对象 2.Math对象 ECMA-262对内置对象的定义是:"由ECMASc ...
- JavaScript字符集编码与解码
一.字符集 1)字符与字节(Character) 字符是各种文字和符号的总称,包括乱码:一个字符对应1~n个字节,一字节对应8位,每位用0或1表示. 2)字符集(Character Set) 字符集是 ...
- Javascript中Base64编码解码的使用实例
Javascript为我们提供了一个简单的方法来实现字符串的Base64编码和解码,分别是window.btoa()函数和window.atob()函数. 1 var encodedStr = win ...
- PHP和javascript中url编码解码详解
在实际开发中,我们可能会遇到路径编码解码的问题,下面总结了一下: PHP中: 1.urlencode(编码),urldecode(解码) $a = urlencode('http://www.baid ...
- JavaScript中的编码解码
1.URI 统一资源标识符(URI)是一个用于标识某一互联网资源名称的字符串.,该种标识允许用户对任何(包括本地和互联网)的资源通过特定的协议进行交互操作.Web上可用的每种资源 -HTML文档.图像 ...
随机推荐
- Knockout自定义绑定my97datepicker
/* my97datepicker 时间格式'yyyy-MM-dd HH-mm-ss' */ ko.bindingHandlers.datetimes = { init: function (elem ...
- System.err.println()
err是运行期异常和错误反馈的输出流的方向 System.err.println只能在屏幕上实现打印,即使你重定向了也一样 用err打印出的 字符串,再eclipse的console会显示成红色 标准 ...
- NYOJ----次方求模
次方求模 时间限制:1000 ms | 内存限制:65535 KB 难度:3 描述 求a的b次方对c取余的值 输入 第一行输入一个整数n表示测试数据的组数(n<100)每组测试只有一 ...
- Web前端开发必备工具推荐
http://gaohaixian.blog.163.com/blog/static/12326010520114265223489/不管你做前端开发还是网页重构,前端工具都起着非常重要的作用,这里向 ...
- Android开发学习之3大类菜单
在Android系统中,菜单可以分为三类:选项菜单(Option Menu),上下文菜单(Context Menu)以及子菜单(Sub Menu). 一.选项菜单(Option Menu) 创建选项菜 ...
- javascript中function和object的区别,以及javascript如何实现面向对象的编程思想.
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- 【Linux】撷取命令grep
什么是撷取命令啊?说穿了,就是将一段数据经过分析后,取出我们所想要的.或者是经由分析关键词,取得我们所想要的那一行! 不过,要注意的是,一般来说,撷取信息通常是针对『一行一行』来分析的, 并不是整篇信 ...
- SQL中 OVER(PARTITION BY)
OVER(PARTITION BY)函数介绍 开窗函数 Oracle从8.1.6开始提供分析函数,分析函数用于计算基于组的某种聚合值,它和聚合函数的不同之处是:对于每个组返 ...
- FA_资产成批调整(流程)
2014-06-08 Created By BaoXinjian
- OGG_GoldenGate复杂参数定义(案例)
2014-03-10 Created By BaoXinjian