ajax请求asmx【示例代码】

1、AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式网页应用程序的技术。它允许在不重新加载整个页面的情况下，通过异步方式与服务器进行通信，获取数据并更新页面内容。在实际开发中，我们通常使用AJAX来请求服务器上的数据，而不是通过传统的同步方式。

示例代码如下：

var xhr = new XMLHttpRequest();  // 创建一个XMLHttpRequest对象
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = xhr.responseText;  // 获取服务器返回的数据
        // 在这里处理服务器返回的数据
    }
};
xhr.open("GET", "example.asmx/GetData", true);  // 设置请求的方式和URL
xhr.send();  // 发送请求

在上面的示例代码中，首先创建了一个XMLHttpRequest对象，这是AJAX请求的核心对象。然后通过设置`onreadystatechange`事件处理函数，当服务器返回的数据就绪时会触发该函数。在该函数中，我们可以通过`xhr.readyState`属性来判断请求的状态，`xhr.status`属性来获取服务器返回的状态码。当`xhr.readyState`为4且`xhr.status`为200时，表示请求成功，我们可以通过`xhr.responseText`属性获取服务器返回的数据。

接下来使用`xhr.open`方法设置请求的方式和URL，其中第一个参数是请求的方式（这里是GET），第二个参数是请求的URL（这里是"example.asmx/GetData"）。最后使用`xhr.send`方法发送请求。

通过上述示例代码，我们可以看到AJAX请求通过异步方式与服务器进行通信，获取数据后可以在回调函数中进行处理，而不需要刷新整个页面。这种方式可以提供更好的用户体验，减少不必要的网络传输。