ajax

发布时间：2020-12-15 21:47:38 所属栏目：百科来源：网络整理

导读：ajax原理 XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。所以我们先从XMLHttpRequest讲起，来看看它的工作原理。

ajax原理

XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。
所以我们先从XMLHttpRequest讲起，来看看它的工作原理。
首先，我们先来看看XMLHttpRequest这个对象的属性。
它的属性有：
onreadystatechange 每次状态改变所触发事件的事件处理程序。
responseText 从服务器进程返回数据的字符串形式。
responseXML 从服务器进程返回的DOM兼容的文档数据对象。
status 从服务器返回的数字代码，比如常见的404（未找到）和200（已就绪）
status Text 伴随状态码的字符串信息
readyState 对象状态值，0—未初始化 1—正在加载 2—加载完毕 3—交互 4—完成。

ajax三个实例：

 
 < 
 scriptlanguage 
 = 
 " 
 javascript 
 " 
 type 
 = 
 " 
 text/javascript 
 " 
 > 
 
  
 var 
 xmlHttp 
 = 
  
 false 
 ;
  
 // 
 创建面向IE的XMLHttpRequest对象 
 
  
  
 try 
 {
  
 使用Msxml的一个版本来创建 
 
  
 xmlHttp 
 = 
  
 new 
 ActiveXObject( 
 " 
 Msxml2.XMLHTTP 
 " 
 );
 } 
 catch 
 (e){
  
 使用它的另外一个对象来创建 
 new 
 ActiveXObject( 
 " 
 Microsoft.XMLHTTP 
 " 
 );
 } 
 catch 
 (e2){
 xmlHttp 
 = 
  
 false 
 ;
 }
 }
 
  
 if 
 ( 
 ! 
 xmlHttp 
 && 
  
 typeof 
 XMLHttpRequest 
 != 
  
 ' 
 undefined 
 ' 
 ){
  
 创建面向其它非微软浏览器的XMLHttpRequest对象 
 new 
 XMLHttpRequest();
 }
  
 < 
 / 
 script> 
 
  

  var data = {"ideaDto.id": id}; 
 
 $.ajax({ 
 
 url:"${path}/master/workflowManager/workflowManagerAction!sendStartDoc.action?add="+new Date(),
 
 async:false,
 
 data : datas,
 
 success:function(result){ 
 
 if(result != undefined && result != "0"){ 
 
 try{ 
 
 json = eval("("+result+")"); 
 
 isReturn = true; 
 
 }catch(e){ 
 
 alert("发送失败！"); 
 
 return; 
 
 } 
   
 }else{ 
 
 alert("发送失败！"); 
 
 return ; 
 
 } 
 
 } 
 
 });

  function sendOfficeDoc(){   var userId = document.getElementsByName("userId");   var userIds="";   for(var i = 0;i<userId.length;i++){   userIds += userId[i].value + ",";   }   userIds = userIds.substr(0,userIds.length-1);   $("#userIds").val(userIds);   alert($("#userIds").val(userIds));  //$("#circulatedForm").submit();    var url ="${path}/master/workhuilOaManager/getallemp.action";  var data = $("#circulatedForm").serialize();    $.post(url,data,function(result){  if(result == "1"){  alert("传阅成功");  window.close();  }else{  alert("传阅失败");  window.close();  }  });     }  

（编辑：李大同）

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