Ajax

2019-06-28 19:01:39 阅读：154 来源： 互联网

标签：XML 网页请求 AJAX xmlhttp Ajax XMLHttpRequest

AJAX 是一种用于创建快速动态网页的技术。 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。 AJAX 的核心是 JavaScript 对象 XMLHttpRequest。该对象在 Internet Explorer 5 中首次引入，它是一种支持异步请求的技术。简而言之，XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应，而不阻塞用户。 AJAX不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
工作原理

如何发送一个ajax请求?
第一步:获取一个XMLHttpRequest对象
第二步:设置一个回调函数回调函数它的作用就是用于处理服务器响应的数据通过XMLHttpRequest对象的onreadystatechange设置回调函数
第三步设置请求方式GET/POST及请求的URL等通过XMLHttpRequest对象的open方法
第四步真正向服务器发送请求通过XMLHttpRequest对象的send方法
第五步在回调函数中获取服务器响应的数据通过XMLHttpRequest对象的responseText

<title>Insert title here</title>
<script type="text/javascript">
    var xmlhttp = null;
    function sendAjax() {
        //1.获取一个XMLHttpRequest对象
        if (window.XMLHttpRequest) {// code for all new browsers
            xmlhttp = new XMLHttpRequest();
        } else if (window.ActiveXObject) {// code for IE5 and IE6
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        //2.设置回调函数
        xmlhttp.onreadystatechange = callback;
        //3.设置请求方式及url
        var url = "http://localhost:8080/ajax/ajax";
        xmlhttp.open("POST", url, true);
        xmlhttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
        //4.向服务器发送请求
        xmlhttp.send(null);
    }
    //回调函数
    function callback() {
        //alert(xmlhttp.readyState); //得到状态码
    //if (xmlhttp.readyState == 4) {
        //      if (xmlhttp.status == 200) {
        //5.得到响应数据
        //          alert(xmlhttp.responseText);
        //      }
        //  } else {
        //      alert("Problem retrieving XML data");
        //  }
    }
</script>
</head>
<body>
    <input type="button" value="按钮" onclick="sendAjax()">
</body>

与

标签：XML,网页,请求,AJAX,xmlhttp,Ajax,XMLHttpRequest
来源： https://www.cnblogs.com/leccoo/p/11104337.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Ajax