ajax

ajax? 數據交互
核心: XmlHttpRequest
特點: 異步加載 , 局部刷新
注意: 不能使用文件協議
異步:一次一堆,前一個沒有完成,後一個也能開始
同步: 一次一個,前一個沒有完成,後一個也不能開始
jQuery方法:
$.ajs({
url : “請求的地址”,
type : “請求的類型” get/post
[data]: “要發送到服務器的數據”
dataType : “要求服務器返回的數據類型”
[async] : 請求是否異步處理,默認是異步
success : function(){}
error : function(){}
})

javaScript 方法:

第一步: 創建XmlHttpRequest對象
var xhr = new XMLHttpRequest();
第二步: 規定請求的類型,url地址(布爾型) open() 相當於與服務器建立一個特定端口的鏈接
xhr.open('get','http://www.liulongbin.top:3005/api/addproduct');
第三部: 將請求發送到服務器
xhr.send();
第四步 : 等待服務器響應,不知何時返回,需要用事件觸發
xhr.addEventListener('readystatechange',function () {
    if (this.readyState != 4)  return;
    document.getElementsByTagName('body')[0].innerText = this.responseText;
})