ajax请求五个步骤!

ajax请求五个步骤!ajax请求五个步骤!今天咱们讲一讲Ajax请求五个步骤!1.创建XMLHttpRequest异步对象varxhr;if(window.XMLHttpRequest){//codeforIE7+,Firefox,Chrome,Opera,Safarixhr=newXMLHttpRequest();}else{//codeforIE6,IE5xhr=newActiveXObject(“Microsoft.XMLHTTP”);}2

大家好,又见面了,我是你们的朋友全栈君。

ajax请求五个步骤!

今天 咱们讲一讲Ajax请求五个步骤!
1.创建XMLHttpRequest异步对象

var xhr;
if (window.XMLHttpRequest)
  { 
   // code for IE7+, Firefox, Chrome, Opera, Safari
  xhr=new XMLHttpRequest();
  }
else
  { 
   // code for IE6, IE5
  xhr=new ActiveXObject("Microsoft.XMLHTTP");
  }

2.设置回调函数

xhr.onreadystatechange = callback

3.使用open方法与服务器建立连接

// get 方式
xhr.open("get", "test.php", true)

// post 方式发送数据 需要设置请求头
xhr.open("post", "test.php", true)
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")

4.向服务器发送数据

// get 不需要传递参数
xhr.send(null)

// post 需要传递参数
xhr.send("name=jay&age=18")

5.在回调函数中针对不同的响应状态进行处理

function callback() { 
   
  // 判断异步对象的状态
  if(xhr.readyState == 4) { 
   
    // 判断交互是否成功
    if(xhr.status == 200) { 
   
      // 获取服务器响应的数据
      var res = xhr.responseText
      // 解析数据
      res = JSON.parse(res)
    }
  }
}

最后补充一下哈 !
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/145240.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(1)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号