ajax提交到action(示例代码)

AJAX是一种在不重新加载整个网页的情况下，通过后台与服务器进行数据交互的技术。通过使用AJAX，我们可以实现在用户与网页进行交互的过程中，实时地向服务器提交数据并获取服务器返回的数据，从而实现页面的动态更新。

在网页中使用AJAX提交数据到后台的过程中，我们需要定义一个用于处理请求的后台接口，通常称为action。这个action接收到前端提交的数据后，可以进行相应的处理，并返回处理结果给前端。

下面是一个示例代码，演示了如何使用AJAX提交数据到action：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 定义一个回调函数，用于处理服务器返回的结果
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理服务器返回的结果
    var response = xhr.responseText;
    console.log(response);
  }
};
// 准备要提交的数据
var data = {
  name: 'John',
  age: 25
};
// 将数据转换为URL参数的形式
var params = Object.keys(data).map(function(key) {
  return encodeURIComponent(key) + '=' + encodeURIComponent(data[key]);
}).join('&');
// 打开一个POST请求，将数据提交到指定的action
xhr.open('POST', '/submit', true);
// 设置请求头，告诉服务器请求的数据类型
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
// 发送请求，将数据提交到服务器
xhr.send(params);

在上面的示例代码中，我们首先创建了一个XMLHttpRequest对象，该对象用于发送HTTP请求。然后定义了一个回调函数，当请求状态发生变化时，该函数将被调用。

接下来，我们准备要提交的数据，并将其转换为URL参数的形式。然后，我们打开一个POST请求，将数据提交到指定的action。在发送请求之前，我们还设置了请求头，告诉服务器请求的数据类型是URL参数形式。

我们调用send方法发送请求，将数据提交到服务器。当服务器返回结果时，回调函数将被触发，并处理服务器返回的结果。

通过以上的示例代码，我们可以实现将数据通过AJAX提交到action，并处理服务器返回的结果。