现在的网页越来越注重实时性，用户希望在不刷新整个页面的情况下获取最新的信息。而Ajax（Asynchronous JavaScript and XML）就是满足这一需求的技术。通过使用Ajax，网页可以实时将信息发给服务器，并且可以在不刷新页面的情况下更新页面内容。本文将介绍Ajax如何将信息发给服务器，并通过举例说明Ajax的应用。

Ajax通过XMLHttpRequest对象实现与服务器的数据交互，可以将用户输入的信息发送给服务器，服务器收到信息后可以执行相应的操作，并将处理结果返回给客户端。例如，在一个在线聊天应用中，当用户输入聊天内容并点击发送按钮时，该信息将通过Ajax发送给服务器，服务器将收到的信息发送给聊天室中的其他用户，其他用户的页面就会实时更新显示最新的聊天内容。

function sendMessage(message) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 处理服务器返回的结果
var response = this.responseText;
// 更新页面内容
updateChatBox(response);
}
};
xmlhttp.open("POST", "server.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("message=" + message);
}
function updateChatBox(response) {
var chatBox = document.getElementById("chatBox");
chatBox.innerHTML = response;
}

在上述代码中，sendMessage方法通过XMLHttpRequest对象将message参数发送给服务器，服务器通过PHP脚本处理接收到的信息，并返回处理结果。当Ajax请求的状态改变时，onreadystatechange事件触发，可以通过this.readyState和this.status来判断请求是否成功。如果请求成功，可以通过this.responseText获取服务器返回的结果，并将结果传递给updateChatBox方法进行页面更新。

Ajax不仅可以发送文本信息给服务器，还可以发送其他类型的数据，例如文件。例如，在一个图片上传功能中，用户选择要上传的图片后，通过Ajax将图片文件发送给服务器，服务器将图片保存到指定的目录，并返回上传图片的URL给客户端。这样，页面就能实时显示上传的图片了。

function uploadFile(file) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 处理服务器返回的结果
var response = this.responseText;
// 显示上传的图片
showImage(response);
}
};
xmlhttp.open("POST", "upload.php", true);
var formData = new FormData();
formData.append("file", file);
xmlhttp.send(formData);
}
function showImage(url) {
var image = document.createElement("img");
image.src = url;
var imageBox = document.getElementById("imageBox");
imageBox.appendChild(image);
}

在上述代码中，uploadFile方法通过XMLHttpRequest对象将file参数发送给服务器，服务器通过PHP脚本接收到文件后进行处理，并将上传后的图片URL返回。当Ajax请求的状态改变时，onreadystatechange事件触发，可以通过this.readyState和this.status来判断请求是否成功。如果请求成功，可以通过this.responseText获取服务器返回的结果，并将结果传递给showImage方法进行页面更新。

通过以上的举例，我们可以看到Ajax作为一种实现异步数据交互的技术，在很多场景下都能发挥重要作用。无论是在线聊天应用、图片上传功能还是其他需要实时更新的场景，Ajax都能通过将信息发给服务器，实现页面的动态更新。希望本文能帮助读者理解Ajax将信息发给服务器的过程，并在实际开发中灵活运用。