javascript - "Quiet"使用Ajax提交表单

Question

我的目的是将表单中的数据提交到服务器，而不是重新加载页面。它甚至不需要显示更新的数据。我正在使用 Firefox 进行开发，我正在寻找两种途径来获得我想要的东西:

1. 我发现，如果我在表单中放置一个按钮，该表单将以包含该按钮的页面名称作为“GET”请求提交。在这种情况下，表单标签没有方法属性，并且操作标签为空。我可以将我想要的功能输入到操作属性中，浏览器会将其余的表单字段应用于请求。我发现表单的表述很方便，但浏览器会继续使用来自服务器的响应来替换页面，从而使我离开原始页面。
2. 将按钮从表单中取出并将其专门连接到 JavaScript 函数，使我可以将函数注册到 onreadystatechange 事件。这具有运行函数而不是在服务器响应时重新加载页面的效果。这样做的缺点似乎是函数有必要自己制定“GET”请求。

在我看来，javascript 函数应该有一种方法来告诉表单使用它自己的设备提交，然后准备好处理响应。作为这方面的新手，我不熟悉此要求的“最佳实践”。

Answer 1

您可以只使用<button>发布您的详细信息。

function ajaxPage(postPage, paramList) {
    xmlhttp.open("POST",postPage,false);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send(paramList);
    return xmlhttp.responseText;
}

在这种情况下，您的 postPage是一段相关代码的地址，paramList是 & 的列表分隔的名称值对。

亲切的问候，西高地