【问题标题】:send form data to two pages via ajax通过ajax将表单数据发送到两个页面
【发布时间】:2013-09-03 21:11:06
【问题描述】:

我在这里遇到了一点问题,我有一个包含 2 个字段的表单,我需要该表单将我重定向到特定位置,例如 1.php,我需要将表单中的值发送到2.php一下子,用php我做不到,我猜用ajax可以做到,有什么想法吗?

 <form action="1.php">
 <input type="text" name="value1">
 <input type="text" name="value2">
 </form>

我为什么要这样做?这是一个搜索表单,我在表单操作上有一个 jquery 分页,但是分页从 2.php 获取数据,这也是我需要发送数据的地方,我需要它在 1.php 和 2 中.php

想法?

【问题讨论】:

  • 为什么不在 1.php 中包含 2.php?

标签: php ajax forms mysqli


【解决方案1】:

您可以通过 HTML5 FormData 将数据异步发送到其他页面来执行相同的操作。 这是代码:

<form action="1.php" onsubmit="sendData()" id="myForm">
 <input type="text" name="value1">
 <input type="text" name="value2">
</form>

<script>
function sendData()
{
var formData = new FormData(document.getElementById('myForm'));
$.ajax({
    url: '2.php',  //Server script to process data
    type: 'POST',  //POST or GET
    xhr: function()
    {  // Custom XMLHttpRequest
        var myXhr = $.ajaxSettings.xhr();
        return myXhr;
    },

    data: formData,  //form data

    //Options to tell jQuery not to process data or worry about content-type.
    cache: false,
    contentType: false,
    processData: false
});
}

【讨论】:

    【解决方案2】:

    如果您使用 JQuery,这很容易。请查看这些页面,也许这些对您有帮助。

    http://www.codeproject.com/Articles/599349/jQuery-Execute-Run-Multiple-Ajax-Requests-Simultan jQuery callback for multiple ajax calls

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-01-21
      • 2013-11-18
      • 2016-04-19
      • 1970-01-01
      • 2017-06-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多