基于JS的ajax的实现，JSON和JSONP，基于JQuery的ajax的实现

基于JS的ajax的实现，JSON和JSONP，基于JQuery的ajax的实现
1.基于JS的ajax的实现
 step1: var xmlhttp = XMLHttprequest() #实例化一个对象
 step2: xmlhttp.open("") #url地址
 step3: xmlhttp.send("name=alex") #请求体的内容 if GET请求 ：send(null)
 step4: 监听：xmlhttp(if ==4:{var context=xmlHttp.responsetext})
 GET:ajax具体实现（JS方式）：
 
 
 
 
 
 
 
 ajax提交
 
 
 
 POST:请求注意事项
 POST请求必须设置ContentType请求头的值为：application/x-www-form-urlencoded。
 表单的enctype默认值就是为application/x-www-form-urlencoded，因为默认值就是这个，
 当设置了
的enctype="application/x-www-form-urlencoded"时，等同于设置了Con
 tent-Type请求头。但在ajax发送请求时，就没有默认值了，这需要自行设置请求头：
 xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
 实例：
 
 
 
 
 
 
 
 
 
用户名：
 
 
 
密码：
 
 
 
 
 
2.JSON和JSONP
 JSON与XML比较：
 可读性：XML好；
 解码难度：JSON本身就是Js对象（主场作战），所以简单很多；
 流行度：xml已经流行很多年，但在AJAX领域json更受欢迎；
 js接受python的json对象：
 在json的编码过程中，会存在从python原始类型向json类型的转换过程，具体的转换如下：
 python json对象
 dict object
 list，tuple array
 str,unicode string
 int,long,float number
 True true
 False false
 None null
 JSON.parse()
 .parse()方法：parse用于从一个字符串中解析出json对象
 JSON.stringify()
 .stringify()方法：stringify用于从一个对象解析出字符串
 示例：
 $.post("/jquery/",function(data){
 console.log(data);
 console.log(typeof data);
 data=JSON.parse(data);#parse用于从一个字符串中解析出json对象
 console.log(typeof data);
 console.log(data["name"]);
 });
 json示例：//注：字符串必须双引号，否则不是json
 #author：wylkjj
 #date：2019/9/6
 import json
 f=open('text','r')
 data=f.read()
 data=json.loads(data)
 f.close()
 print(data["name"])

 import json
 dic={'name':'eric'}
 data=json.loads(data)
 print(data["name"])
3.基于JQuery的ajax的实现:(最底层方法：$.ajax())
 $.ajax(
 url:
 type:"POST"
 )
 $.get()
 $.post()
 $.getJson():相当于$.get( type:Json)
 $.getScript():实时加载，现用现取，不用不加载
 两种书写方式：
 （1）.$.ajax({
 url:"/ /",
 type:"POST"
 })
 （2）.$.ajax("",{})
 请求数据：data,processDate,contentType,traditional,dataType,sucess
 data:当前ajax请求要携带的数据，是一个json的object对象，ajax方法就会默认地把它编码成某种格式（urlencoded?a=1&b=2）
 发送给服务端；此外，ajax默认以get方式发送求。
 processDate:声明当前的data数据是否进行转码或预处理，默认为true，即预处理；if为false，那么对data：{a:1,b:2}会调用
 json对象的toString()方法，即{a:1,b:2}.toString(),最后得到一个[object，Object]形式的结果。该属性的意义在于当
 data是一个dom结构或者xml数据时，我们希望数据不进行处理，直接发过去，就可以将其设置为true。
 contentType:
 默认值："application/x-www-form-urlencoded"，发送信息至服务器时内容编码类型。
 用来指明当前请求的数据编码格式：urlencoded:?a:1&b:2;如果想以其他方式提交数据，比如contentType:
 "application/json",即向服务器发送一个json字符串：
 dataType:
 当dataType已经声明为“json”时，就是告诉服务器“要回就给给我回json格式的，不然老子不要！”，
 而且接受到数据后将自动转换成JavaScript对象。dataType的可用值：html xml json text script
 success:
 success参数：success:function(){} 当成功执行时执行的函数
 complete：
 complete参数：complete:function(){} 当执行不成功的时候执行的函数
 complete会打印所有错误信息
 beforeSend(XHR):
 类型：Function发送请求前可修改XMLHttpRequest 对象的函，如添加自定义HTTP头。XMLHttpRequerst
 对象是唯一的参数。这是一个Ajax事件。如果返回false可以取消本次ajax请求。
 error:
 error:function(data){
 alert(data)
 }
 内部错误，指服务器的内部错误
 实例：
 
 
 
 
 
 
 
 AJAX提交
 
 
 
 
 $.ajax() 实例：
 
 
 
 
 
 
 
 AJAX提交
 
 
 
 
4.注：浏览器兼容版本问题
 {#处理浏览器兼容问题#}
 function createXMLHttpRequest(){
 var xmlHttp
 //适用于大多数浏览器，以及IE7和更高版本
 try{
 xmlHttp = new XMLHttpRequest();
 } catch (e){
 //适用于IE6
 try{
 xmlHttp = new ActiveXObject("Msxm12.XMLHTTP");
 } catch (e){
 //适用于IE5.5，以及更早版本
 try{
 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
 } catch (e){}
 }
 }
 return xmlHttp;
 }