OStack程序员社区-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

Ajax发送和接收请求

2022-2-5 16:55| 发布者: 菜鸟教程小白| 查看: 66| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: 这篇文章主要为大家详细介绍了Ajax发送和接收请求的相关资料，感兴趣的小伙伴们可以参考一下

首先Ajax的不刷新页面提交数据，现在应用非常广泛，废话不多说马上进主题！！

基本上浏览器能接收的信息，Ajax都可以接收，ex：字符串，html标签，css标签，xml格式内容，json格式内容等等.....

<script>
  // IE浏览器
  if(ActiveXObject){
     // 微软目前AJAX最新版本
    var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0"); 
  }else{
    // 主流浏览器
    var ajax = new XMLHttpRequest();
   }
  
  // 创建HTTP请求
　　 // open(method, url, asynchronous, user, password);
　　 // method：请求方法（post，get）
　　 // url：请求地址（是具体要接收数据的地址）
　　 // asynchronous：同步或异步请求（true是异步，false是同步，默认是true，可不填）
　　 // user：（指定请求用户名，可不填）
　　 // password：（指定请求密码，可不填）
　　
  ajax.open('get','url'); 
  
  ajax.onreadystatechange = function(){
　　　　if((ajax.readyState==4) && (ajax.status)==200){
　　　　　　alert(ajax.responseText); // 返回的数据内容
　　　　}else{
　　　　　　alert('请求失败');
　　　　}
　　}
  // 发送请求，content是要发送的内容，如果没有则填null
　　 send(content);
　　 
　　 // 如果用的是post方式请求，要在send之前设置HTTP头
　　 ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);

　　
</script>

ajax的onreadystatechange事件最多接收四个变化状态

readystate的返回状态值：

　　0 （未初始化）对象已建立

　　1（初始化）已调用open方法

　　2（发送数据）已调用send方法

　　3（数据传送中）已返回部分数据

　　4 （完成）请求成功

以上是简单的Ajax请求原理，希望对大家的学习有所帮助。