Ajax(js)2018-8-7
js中ajax（ei zhei ks）的request和response 与java servlet的request，response不一样，但又很像
js中的用var request =new XMLHttpRequest();就是提交表单数据的，可以请求或发送少量一部分数据，不用整个页面。
它使用SOAP或其它一些基于XML的web service接口ajax也可以用于表单验证
ajax 主要是用了XMLHttpRequest对象实现了异步，ie6,5则是用ActiveXObject("Microsoft.XMLHTTP");
http是无状态的通信规则，状态码，响应头，响应体
request.open("get",service.php?number="");
request.send();向一个页面传送数据，然后判断状态码，看是否请求完成
request.onreadystatechange=function(){
if(request.readyState===4){
if(request.status===2000){
然后获取响应的数据request.responseText;
js 中get方法是直接把参数?放在url中传给一个页面,是查询，而post是把参数request.send(date)，是保存数据;
在open和send之间一定要有request。setRequestHeader("Content-Type","application/x-www-form-urlencoded");发送表单数据
xhr.setRequestHeader("Content-type","application/json; charset=utf-8");发送json数据
不指定Content-type时，此是默认值值，xhr.setRequestHeader("Content-type", "text/plain; charset=utf-8");纯文本
xhr.setRequestHeader("Content-type", "text/html; charset=utf-8");html文本
json 是独立语言的，任何语言都可以用它
json值可以是数字，字符串，逻辑值boolean，数组[]，对象{}，null
{
"staff":[
{"name":"jjj",age:13},
{ }
]
}
解析json(eval方式）,var jsonobj=eval('('+jsondata+')');alert（jsonobj.staff[0].name);该方式不光解析，还执行字符串的方法，如alert（‘jj’）；
JSON.parse(jsondate);第二种方式；该方式会检测出alert不合法
JSONLint json格式校验工具；
{”success":true, //是否请求成功
"msg":"xxx", //请求错误返回的信息
"date":"xxx" //请求成功返回的数据
}
Jquery (ajax)
$(document).ready(function(){}相比onload不需等图片啊之类的加载出来，DOM结构绘制完毕后就执行，而且可以多次加载
可以简写$(function(){});但有时候，需要点击某个图片还没加载出来，会出现意外情况，此时，就得$(window).load(function(){
带$都是jquery方法
.click(function(){
$.ajax({
type:"GET",
url:"service.php?number="+$("#keyword").val(),
dataType:"json",
success:function(data//即request.responseText){if(data.success){}},
error:function(jqXHR){alert(jqXHR.status}
});
在jquery中是html();js是innerHTML();传参数是设置，不传参数是获取；
http:// www . baidu.com : 8080 / scripts/jquery.js
协议 子域名 主域名 端口号 请求资源地址
端口号后面不同不影响，是同域，端口号不同就是跨域了。这个网址请求另一个端口号不同的网址就叫跨域请求
localhost和127.0.0.1之间也叫跨域，js不允许跨域前端请求后端资源；
代理处理跨域，北京的在后端代理请求上海的，然后在返回给北京的前端；
jsonp处理跨域(支持get,不支持post）：定义两个<script src="本地“ > <script src="http://www.bb.com.jsonp.js">在同一页面就可以了，
dataType：“jsonp",改一下，加一个jsonp:"callback",然后在后台get”callback“
h5提供的XHR2(IE10以下不支持）
在服务端加header('Access-Control-Allow-Origin:要访问的域名’);
header('Access-Control-Allow-Methods:Post,Get');
IE自己实现跨域的方式：
也是添一些代码