ajax原生请求

最新推荐文章于 2024-01-13 22:40:12 发布

weixin_37556481

最新推荐文章于 2024-01-13 22:40:12 发布

阅读量163

点赞数

分类专栏： ajax原生文章标签： web前端 ajax原生

本文链接：https://blog.csdn.net/weixin_37556481/article/details/79236567

版权

ajax原生专栏收录该内容

2 篇文章 0 订阅

订阅专栏

ajax请求不用刷新页面，比form提交要好不少，ajax的插件也很多，最近百度了一下ajax源码，源码很简单，但他却很实用，代码如下:

 
  <!Doctype html> 
 
  <html> 
 
  <head> 
 
  <meta charset='utf-8'> 
 
  <script> 
 
  function load() { 
 
  var xmlhttp; 
 
  if (window.XMLHttpRequest) { 
 
  xhmhttp = new XMLHttpRequest() 
 
  } else { 
 
  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
 
  } 
 
  xmlhttp.open("GET", "/try/ajax/ajax_info.txt",  true); 
 
  xmlhttp.send(); 
 
  xmlhttp.onreadystatechange = function() { 
 
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
 
  document.getElementById("myDiv").innerHTML = xmlhttp.responseText; 
 
  } 
 
  } 
 
  } 
 
  </script> 
 
  </head> 
 
  <body> 
 
  <button type="button" onclick="loadXMLDoc()">修改内容</button> 
 
  </body> 
 
  </html> 
 
   关键词: 
  XMLHttpRequest,new ActiveXObject("Microsoft.XMLHTTP"),open,send,onreadystatechange 
 
   这段代码确实可行，不喜勿喷，交流讨论添加微信号:17312678391

weixin_37556481

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax原生请求

ajax请求不用刷新页面，比form提交要好不少，ajax的插件也很多，最近百度了一下ajax源码，源码很简单，但他却很实用，代码如下:Doctype html>html>head>metacharset='utf-8'>script>functionload() {varxmlhttp;if (window.XMLHttpRequest
复制链接

扫一扫

专栏目录