欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

javascript中AJAX用法实例分析

时间:2021-02-20 09:10:27|栏目:JavaScript代码|点击:

本文实例讲述了javascript中AJAX用法。分享给大家供大家参考。具体分析如下:

兼容地获得XMLHttpRequest对象:

var xhr = null; 
if(window.XMLHttpRequest){ //非IE浏览器 
  xhr = window.XMLHttpRequest; 
}else if(window.ActiveXObject){ //IE浏览器 
  try{   //高版本,受msxml3.dll+支持 
    xhr = new ActiveXObject("Msxml2.XMLHTTP"); 
  }catch(e){ 
    try{  // 低版本,msxml2.6以下版本使用 
     xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
    }catch(e){ 
     alert("IE浏览器无法创建ActiveXObject对象!"); 
    } 
  } 
}

AJAX处理函数:

xhr.open("POST",url,true); 
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
xhr.onreadystatechange=stateChangeHandler; 
xhr.send(); //var name="clf"; xhr.send(name); 
function stateChangeHandler(){ 
  if(xhr.readystate==4&&xhr.status==200){ 
   var obj = document.getElementById("targetDiv"); 
  obj.innerHTML = xhr.responseText; 
  } 
}

希望本文所述对大家的javascript程序设计有所帮助。

上一篇:webpack处理 css\less\sass 样式的方法

栏    目:JavaScript代码

下一篇:javascript的创建多行字符串的7种方法

本文标题:javascript中AJAX用法实例分析

本文地址:http://www.codeinn.net/misctech/66743.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有