js学习日记--原生ajax

最新推荐文章于 2024-07-26 11:41:15 发布

小東同学

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量186

点赞数

文章标签： ajax xmlhttprequest js javascript chrome

本文链接：https://blog.csdn.net/gao25652332/article/details/78591377

版权

1.原生ajax

function loadXMLDoc()
{
  var xmlhttp;
  //不同浏览器创建对象的函数不同
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
   // XMLHttpRequest 的状态。从 0 到 4 发生变化。4是请求已完成，且响应已就绪，状态为200是ok
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    //绑定控件id，如果服务器请求的不是xml文件，请使用 responseText 属性
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("POST","/try",true);
  //
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  //只有post方式才能在send（）里传值
  xmlhttp.send("id=1");
}
</script>
</head>
<body>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">请求数据</button>
<div id="myDiv"></div>

我只是个刚学js的菜鸟，如有问题，请指出
以上

小東同学

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js学习日记--原生ajax

1.原生ajaxfunction loadXMLDoc(){ var xmlhttp; //不同浏览器创建对象的函数不同 if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else {
复制链接

扫一扫