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文档.图像 ...
随机推荐
- java Socket Udp
接收端: package cn.itcast.net.p2.udp; import java.io.IOException;import java.net.DatagramPacket;import ...
- openGL 坐标系的互相转换
openGL坐标系包括旋转,平移,缩放被塞在一个矩阵里面. 坐标系之间的转换基础是矩阵的运算. 每个矩阵代表的坐标系,就是是原点坐标系通过旋转.平移,缩放得到的坐标系. 当一个矩阵右乘一个向量或是还有 ...
- 微信小程序之分享,动态添加分享数据
1.效果: 2..js代码: page({ /** * 用户点击分享按钮或右上角分享 */ onShareAppMessage: function (res) { var that = this; r ...
- Mysql 5.7 从节点配置多线程主从复制
Mysql 采用多线程进行复制是从 Mysql 5.6 开始支持的内容,但是 5.6 版本下有缺陷,虽然支持多线程,但是每个数据库只能一个线程,也就是说如果我们只有一个数据库,则主从复制时也只有一个线 ...
- HDUOJ----专题训练
Problem B Time Limit : 2000/1000ms (Java/Other) Memory Limit : 131072/65536K (Java/Other) Total Su ...
- 基于 html5 geolocation来获取经纬度地址(copy)
geolocation来获取经纬度地址 以前如果要获取互联网用户所在地都是根据用户的IP地址来获取地理位置,这样获取到的数据和真实数据有很大的偏差.为了获取更加精确的位置,可以使用了html5的geo ...
- [Python]网络爬虫(七):Python中的正则表达式教程(转)
接下来准备用糗百做一个爬虫的小例子. 但是在这之前,先详细的整理一下Python中的正则表达式的相关内容. 正则表达式在Python爬虫中的作用就像是老师点名时用的花名册一样,是必不可少的神兵利器. ...
- AP_付款方式汇总:标准付款、退款退货付款、撤销付款(概念)
2014-06-04 Created By BaoXinjian
- 关于c语言内存分配,malloc,free,和段错误,内存泄露
1. C语言的函数malloc和free (1) 函数malloc和free在头文件<stdlib.h>中的原型及参数 void * malloc(size_t size ...
- 安装R语言的包的方法
安装R语言的包的方法: 1. 在线安装 在R的控制台,输入类似install.packages("TSA") # 安装 TSA install.packages("TS ...