Ajax发送和接收请求

发布时间：2020-12-15 23:08:45 所属栏目：百科来源：网络整理

导读：首先Ajax的不刷新页面提交数据，现在应用非常广泛，废话不多说马上进主题！！基本上浏览器能接收的信息，Ajax都可以接收，ex：字符串，html标签，css标签，xml格式内容，json格式内容等等..... script // IE浏览器 if(ActiveXObject){ // 微软目前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请求原理，希望对大家的学习有所帮助。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!