ajax插入记录【示例代码】

1、AJAX（Asynchronous JavaScript and XML）是一种用于在不重新加载整个网页的情况下，通过后台与服务器进行数据交互的技术。在网页开发中，常常需要通过AJAX来实现动态插入记录的功能。

2、下面是一个示例代码，用于通过AJAX插入一条记录到数据库中：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 指定请求的方法、URL和是否异步
xhr.open("POST", "insert.php", true);
// 设置请求头，告诉服务器发送的数据是表单数据
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// 监听AJAX的状态改变事件
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，执行相应的操作
    console.log(xhr.responseText);
  }
};
// 构造要发送的数据
var data = "name=John&age=25";
// 发送AJAX请求
xhr.send(data);

在上述代码中，首先创建了一个XMLHttpRequest对象，然后使用`open()`方法指定请求的方法、URL和是否异步。接着，使用`setRequestHeader()`方法设置请求头，告诉服务器发送的数据是表单数据。然后，通过监听AJAX的状态改变事件，当AJAX的状态为4（即请求已完成）且状态码为200（即请求成功）时，执行相应的操作。使用`send()`方法发送AJAX请求，将数据作为参数传递。

在这个示例中，我们将要发送的数据构造成了一个URL编码的字符串，即`name=John&age=25`。服务器端可以通过解析这个字符串来获取相应的数据，并将其插入到数据库中。

需要注意的是，示例中的URL和数据都是简化的，实际应用中需要根据具体情况进行修改。还需要在服务器端编写相应的代码来处理AJAX请求，将数据插入到数据库中。