AJAX请求

1，什么是AJAX请求

是一种创建交互性网页应用的网页开发技术

 ajax是浏览器通过js异步发起请求，局部更新页面的技术。

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

2，一个原生的ajax请求实例

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
        function ajaxRequest() {
//              1、我们首先要创建XMLHttpRequest
            var xmlhttp = new XMLHttpRequest();
//              2、调用open方法设置请求参数
            xmlhttp.open("POST","${pageContext.request.contextPath}/servlet",true);
//               3、在send方法前绑定onreadystatechange事件，处理请求完成后的操作。
            xmlhttp.onreadystatechange = function(){
                if(xmlhttp.readyState == 4&& xmlhttp.status ==200){
                    var parse = JSON.parse(xmlhttp.responseText);
                    //把响应的数据显示在页面时
                  document.getElementById("div01").innerText = "编号："+parse.id +  "   名称:"+parse.name;
                }
            };
//              4、调用send方法发送请求
                xmlhttp.send();
        }
    </script>
</head>
<body>
<button onclick="ajaxRequest()">ajax request</button>
<div id="div01">
</div>
</body>
</html>
posted @ 2020-06-02 11:15  永远Lucky  阅读(305)  评论(0)    收藏  举报