方法一.

jQuery ajax - ajax() 方法

ajax() 方法通过 HTTP 请求加载远程数据。



该方法是 jQuery 底层 AJAX 实现。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。



最简单的情况下，$.ajax() 可以不带任何参数直接使用。

```javascript
// 向服务器发送 GET 请求
$.ajax({
  url: 'https://example.com/api/data',
  method: 'GET',
  success: function(data) {
    // 成功接收到响应后执行的代码
    console.log(data);
  },
  error: function(error) {
    // 发生错误时执行的代码
    console.log(error);
  }
});

// 向服务器发送 POST 请求
$.ajax({
  url: 'https://example.com/api/data',
  method: 'POST',
  data: {
    name: 'John Doe',
    age: 30
  },
  success: function(data) {
    // 成功接收到响应后执行的代码
    console.log(data);
  },
  error: function(error) {
    // 发生错误时执行的代码
    console.log(error);
  }
});
```

这里我们用了 jQuery 的 ajax 方法向服务器发送了两个请求，一个是 GET 请求，一个是 POST 请求。在方法中，我们设置了请求的 URL、方法、数据（对于 POST 请求）、成功和失败的回调函数等参数。当服务器成功返回响应时，我们可以在 success 回调函数中处理这些数据，当发生错误时，我们可以在 error 回调函数中处理错误信息。

方法二、三

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。

简单易用的高层实现见 $.get, $.post 等。

首先，让我们看一下jQuery的`$.post()`函数的语法：

```
$.post(url, data, success, dataType);
```

参数解释：

- `url`：待请求的服务器URL地址
- `data`：请求参数，可以是对象或字符串
- `success`：请求成功后的回调函数
- `dataType`：响应数据类型，可选

下面是一个jQuery `$.post()`函数的例子：

```javascript
$.post("demo.php", {
  name: "John",
  age: 30
}, function(data, status){
  alert("Data: " + data + "\nStatus: " + status);
});
```

在此例中，我们向服务器发送一个POST请求，数据是一个对象 `{name: "John", age: 30}`。当服务器响应时，`success`回调函数被调用。`data`参数是服务器响应的数据，`status`参数是请求的状态。

接下来，我们需要编写一个PHP脚本来处理POST请求并返回响应。下面是一个简单的例子：

```php
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST'){
  $name = $_POST['name'];
  $age = $_POST['age'];
  $response = "Hello, " . $name . "! You are " . $age . " years old.";
  echo $response;
}
?>
```