关于AJAX

最新推荐文章于 2022-05-02 12:52:39 发布

阿伦gh

最新推荐文章于 2022-05-02 12:52:39 发布

阅读量117

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/sinat_21902709/article/details/84888750

版权

JavaScript 专栏收录该内容

14 篇文章 2 订阅

订阅专栏

AJAX：Asynchronous JavaScript and XML，意思是用JavaScript执行异步网络请求。
现代浏览器上，ajax的实现主要依靠XMLHttpRequest 对象，该对象用于和服务器交换数据

1、XMLHttpRequest对象有 open(“请求类型”, “请求文件在服务器上的位置”,是否异步) 和 send() 方法。

（1）对于get请求可以通过向URL添加唯一的ID，来避免首先获取缓存结果。
（2）对于post请求：使用setRequestHeader()添加HTTP头，然后在send()方法中规定发送数据:

xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xmlhttp.send("fname=Henry&lname=Ford");

2、XMLHttpRequest对象的 responseText 和 responseXML 属性来处理响应数据。

3、XMLHttpRequest 提供 onreadystatechange() 方法、readyState 属性、status 属性来监听响应状态

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>AJAX</title>
</head>
<body>
  <div id="myDiv"><h2>使用AJAX修改文本内容</h2></div>
  <button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
<script>
  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() {
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
      }
    }

    xmlhttp.open("GET","/try/demo_get.php?t=" + Math.random(), true);
    xmlhttp.send();
  }
</script>
</html>
<script>

参考：廖雪峰官网AJAX

阿伦gh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于AJAX

AJAX：Asynchronous JavaScript and XML，意思是用JavaScript执行异步网络请求。现代浏览器上，ajax的实现主要依靠XMLHttpRequest 对象，该对象用于和服务器交换数据1、XMLHttpRequest对象有 open(“请求类型”, “请求文件在服务器上的位置”,是否异步) 和 send() 方法。对于get请求可以通过向URL添加唯一的ID...
复制链接

扫一扫