JavaScript中的AJAX语法

AJAX（Asynchronous JavaScript and XML）是一种用于创建快速动态Web页面的技术，可以在不重载整个页面的情况下更新部分页面内容。 这里将介绍JavaScript中的AJAX语法。

XMLHttpRequest

XMLHttpRequest是一个内置于JavaScript的对象，它提供了在Web浏览器和服务器之间发送数据的方法。

var xhttp = new XMLHttpRequest();

在这里，我们创建了一个XMLHttpRequest对象，并将其分配给变量xhttp。

发送请求

XMLHttpRequest对象的open()方法用于设置请求的参数，如请求类型（GET或POST）、请求的URL以及是否使用异步请求。

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

在此例中，我们向名为example.php的文档发出GET请求，且请求是异步的。

发送一个请求，我们使用XMLHttpRequest对象的send()方法，该方法用于向服务器发送请求。在GET请求中，我们可以将参数作为URL的一部分，使用POST请求时，我们可以将参数作为请求体中的一个字符串。

xhttp.send();

接收响应

当AJAX请求完成并成功响应时，服务器将返回一个响应对象。可以使用XMLHttpRequest对象的回调函数（onreadystatechange）获得该响应对象。

xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.responseText;
  }
};

在这种情况下，当readyState的值为4（请求已完成）并且状态代码为200时，我们将响应文本赋值给具有ID demo的HTML元素。

完整代码示例

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.responseText;
  }
};
xhttp.open("GET", "example.php", true);
xhttp.send();

该示例将向example.php发送GET请求，并在readyState的值为4并且状态代码为200时，将响应文本赋值给ID为demo的HTML元素。

以上就是JavaScript中AJAX语法的介绍，希望对您有所帮助。