AJAX（Asynchronous Javascript And XML）是一种可以在不重新加载整个页面的情况下，通过后台与服务器进行数据交互的技术。使用AJAX，我们可以将用户在前端填写的数据发送给后台进行处理，并获取后台处理后的数据，再通过前端进行展示。本文将详细介绍AJAX如何将数据提交给后台，并通过举例来说明其工作原理。

首先，让我们看一个简单的例子。假设我们有一个网页上的表单，用户需要填写姓名和年龄，并点击提交按钮进行提交。在前端，我们使用HTML和Javascript来实现这个功能，如下所示：

<form id="myForm"><label for="name">姓名:</label><input type="text" id="name" name="name"><br><label for="age">年龄:</label><input type="number" id="age" name="age"><br><button onclick="submitForm()">提交</button></form><script>function submitForm() {var name = document.getElementById("name").value;var age = document.getElementById("age").value;// 使用AJAX将数据提交给后台var xhr = new XMLHttpRequest();xhr.open("POST", "backend.php", true);xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");xhr.onreadystatechange = function() {if (xhr.readyState == 4 && xhr.status == 200) {// 处理后台返回的数据var response = xhr.responseText;alert(response);}};xhr.send("name=" + name + "&age=" + age);}</script>

在这个例子中，我们使用了一段Javascript代码来获取用户输入的姓名和年龄，并将其通过AJAX发送给后台的PHP文件backend.php。AJAX使用XMLHttpRequest对象来与服务器进行通信，我们调用xhr.open()方法来指定请求的方法和URL，然后调用xhr.setRequestHeader()方法来设置请求头，这里是设置Content-type为“application/x-www-form-urlencoded”，表示我们将使用URL编码格式来提交表单数据。其中xhr.onreadystatechange是一个事件处理函数，我们在其中检查xhr对象的状态和响应码，当状态为4（已完成）且响应码为200（请求成功）时，表示后台已经处理完请求，我们可以通过xhr.responseText来获取后台的返回数据，并在前端进行展示。

上述的例子是一个简单的表单提交功能，当我们填写完姓名和年龄后，点击提交按钮，AJAX会将数据发送给后台，并通过后台处理后的响应数据进行展示。实际上，AJAX还可以发送其他类型的数据给后台，如JSON、XML等。下面是一个发送JSON数据给后台的例子：

var data = {"name": "John","age": 30};var xhr = new XMLHttpRequest();xhr.open("POST", "backend.php", true);xhr.setRequestHeader("Content-type", "application/json");xhr.onreadystatechange = function() {if (xhr.readyState == 4 && xhr.status == 200) {var response = xhr.responseText;alert(response);}};xhr.send(JSON.stringify(data));

在这个例子中，我们定义了一个包含姓名和年龄的JSON对象，然后使用JSON.stringify()方法将其转换成字符串，并通过AJAX发送给后台。后台对收到的JSON字符串进行解析，就可以获取其中的数据进行处理。

总结起来，AJAX可以通过XMLHttpRequest对象将前端页面中的数据发送给后台进行处理，并通过后台返回的数据在前端进行展示。无论是表单数据还是其他类型的数据，AJAX都提供了灵活的接口来方便我们进行数据交互。在实际开发中，我们可以根据具体的需求选择合适的数据格式，以及合适的方式来使用AJAX将数据提交给后台。