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;
})