一些不错的js函数ajax

我们来讲一下“一些不错的JS函数Ajax”的攻略。

什么是Ajax

Ajax全称是Asynchronous JavaScript and XML（异步的 JavaScript 与 XML），它是一种用于Web应用程序的新技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新，这意味着它可以在不重新加载整个页面的情况下更新部分页面的内容。

如何使用Ajax

创建XMLHttpRequest对象

要使用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");
}

发送请求和接收数据

接下来，您将使用 XMLHttpRequest 对象的属性和方法来与服务器通信。以下是一个向服务器发送请求并接收回复的示例：

xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.responseText;
  }
};
xmlhttp.open("GET", "ajax_info.txt", true);
xmlhttp.send();

这会向服务器发送一个 GET 请求，该请求从文件 ajax_info.txt 中获取数据。当数据返回时，该函数将使用 innerHTML 属性将数据显示在id为 demo 的元素中。

您还可以将请求方式设置为 POST，并在请求中包含一些数据：

xmlhttp.open("POST", "ajax_server.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("name=Henry&age=23");

这会向服务器发送一个 POST 请求，该请求会将名为 name 和 age 的数据发送到 ajax_server.php 文件。

以上示例是非常基础的使用Ajax的方法，如果你想要进一步了解Ajax，我推荐你可以去看看jQuery中的Ajax函数，它提供了更多且更为实用的功能。