ajax入门

2020-08-19 11:00:17 阅读：169 来源： 互联网

标签：function 入门 open send xhr ajax data

//1. 创建请求对象
var xhr=new  XMLHttpRequest();
//2. 注册状态监听
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
console.log(xhr.responseText);

}
}
//基于xhr对象获取的通讯状态,对响应数据进行处理
//readyState状态说明
//0 :未初始化，尚未调用open()方法
//1 :启动。已经调用open() 方法1但尚未调用send()方法
//2 :发送。已经调用send()方法，但尚未接收到响应
//3 :接收。已经接收到部分响应
//4 :完成。已经接收到全部响应数据，而且已经可以在客户端使用了


//3. 初始化连接
xhr.open("GET","https://www.baidu.com",true);//true表示异步(底层会启动线程与服务端通讯)

//4. 发送请求
xhr.send();

基于jquery的ajax
官网
https://api.jquery.com/jQuery.ajax/

$.get( "url", { name: "John", time: "2pm" },function(data){
    alert( "Data Loaded: " + data );
  });

$.post( "url", { name: "John", time: "2pm" },function(data){
    alert( "Data Loaded: " + data );
  });

$.ajax({
   
  method: "GET",
  url: "test.js",
   data: {id: 123},
  dataType: "script"
   success：function（）{
}
});

标签：function,入门,open,send,xhr,ajax,data
来源： https://www.cnblogs.com/syrgdm/p/13522013.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

ajax入门