使用ajax应用实例 ajax用法示例：示例代码

使用Ajax可以实现网页的异步更新，即在不刷新整个页面的情况下，向服务器发送请求并获取数据，然后将数据动态地更新到网页上。

我们需要创建一个XMLHttpRequest对象，用于发送请求和接收服务器返回的数据。示例代码如下：

var xmlhttp;
if (window.XMLHttpRequest) {
  // code for modern browsers
  xmlhttp = new XMLHttpRequest();
} else {
  // code for old IE browsers
  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

接下来，我们需要定义一个回调函数，用于处理服务器返回的数据。在回调函数中，我们可以根据需要对数据进行处理，例如更新网页的内容。示例代码如下：

xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    // code to handle the response
    var response = xmlhttp.responseText;
    document.getElementById("result").innerHTML = response;
  }
};

然后，我们需要使用open()方法设置请求的类型、URL以及是否异步发送请求。示例代码如下：

xmlhttp.open("GET", "example.php", true);

在发送请求之前，我们可以使用setRequestHeader()方法设置请求头信息，例如设置Content-Type。示例代码如下：

xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

我们使用send()方法发送请求。如果是GET请求，可以将参数拼接在URL中；如果是POST请求，可以将参数作为send()方法的参数传入。示例代码如下：

xmlhttp.send();

通过以上步骤，我们就可以使用Ajax实现向服务器发送请求并获取数据的功能了。在实际应用中，可以根据需要进行适当的修改和扩展。