jquery - 使用 jquery ajax 调用模拟表单提交

标签 jquery ajax forms

我有一段代码定义了 div 以及单击时的一些回调。为了避免代码冗余,我想重用它。回调使用 $.post 调用与服务器通信,而对于此特定页面,我希望页面按照表单提交的方式刷新。

使用表单提交到 submitPage.php 和使用以下内容有什么区别吗?

$.post('submitPage',  dataParams, null, 'json').
      success(function(resp, status, req) {
        window.location = 'submitPage.php';  // redirect
      });

我很好奇这可能如何从本质上影响submitPage.php对dataParams中条目的处理。

最佳答案

不同之处在于,当您正常提交表单时,页面请求也会随之序列化数据。您将表单作为 AJAX 请求提交,然后将用户重定向到未附加序列化表单数据的页面。

因此,如果您需要在 submitPage.php 上访问 $_POST 变量,那么我会让表单正常提交,而不是使用AJAX 请求,然后重定向用户。

您可以将 $_POST 数据添加到 $_SESSION 中,然后在重定向用户时使用它,但除非您有理由这样做,否则它看起来像是一个不必要的代码。

关于jquery - 使用 jquery ajax 调用模拟表单提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8317029/

相关文章:

javascript - 与号和数字符号(& 和 #)

javascript - 用 jQuery 优雅地实现增量按钮?

javascript - 使用 JavaScript 从另一个网站获取 div 的内容

html - 标签显示在复选框下方,两者都应居中对齐

javascript - React - 提交时将所有空输入字段的 setState 设置为 True

javascript - 使用动画一次滑动超过 1 个 img

jquery - btn-group-justified 中的预压按钮不想返回正常状态

javascript - 从另一个实时页面共享 <div>

javascript - 如何强制 axios 不在 GET 请求中缓存

javascript - 从输入元素中检索值并将其存储在数组中