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

标签 javascript ajax

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

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

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

最佳答案

您可以只使用<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& 的列表分隔的名称值对。

亲切的问候, 西高地

关于javascript - "Quiet"使用Ajax提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14636570/

相关文章:

javascript - Sequelize.js:如何在两个模型之间的两个 1:N 关系中设置外键?

javascript - 通过预选下拉列表加载 Ajax 下拉列表

php - 使用 php、ajax 和 mysql 的随机报价生成器

jquery - 2 具有相同对象的JQuery AJAX post请求

javascript - PHP、ajax、xml、jQuery - 动态搜索仅返回一个值

javascript - 为什么 'function type'可以申请到 '{} type'

php - 如何在超过1个字段上显示jquery?

javascript - 如何实现标签的 AND/OR 逻辑?

c# - 调用 javascript 函数 && 处理事件

javascript - 如何从未知的 JsonStore 对象中获取字段列表?