提交表格而不重定向

时间:2013-12-28 10:46:09

标签: javascript jquery html forms iframe

我想在不重定向页面的情况下提交表单。表单提交给第三方,所以我不能在PHP中进行更改。 我想做的是: -

  1. 提交,无需访问第三方页面。
  2. 成功提交显示提醒。
  3. 当前我正在使用隐藏的iframe并将目标形成隐藏的iframe,但我不满意。有没有更好的方法来使用javascript或jquery来做到这一点。

    我的表格: -

    <form target="iframe" action="http://www.example.com"  type="post" id="myform">
    <input type="text" value="" name="name">
    <input type="submit" name="submit">
    </form>
    

    我的iframe: -

    <iframe style="display:none" id="iframe"></iframe>
    

4 个答案:

答案 0 :(得分:1)

您需要使用Ajax来处理这种请求。

请查看一些教程,例如http://www.w3bees.com/2013/08/submit-form-without-page-refresh-with.html

答案 1 :(得分:1)

将iframe id属性更改为name

<iframe style="display:none" name="iframe"></iframe>

答案 2 :(得分:0)

你可以在这里使用jquery

 <form  action="http://www.example.com" id="myform">
 <input type="text" value="" name="name">
 <input type="submit" name="submit">
 </form>

在jquery之后你写的就像

   // bind to the form's submit event 
    $('#myform').submit(function() { 
     alert("ok");
     return true; 
   }); 

答案 3 :(得分:0)

考虑使用PHP代理。

将脚本从here复制到您自己服务器上的任何位置。

修改第11行,使其指向您当前发布到的网址 // Destination URL: Where this proxy leads to.
$destinationURL = 'http://www.otherdomain.com/backend.php';

然后在您的ajax脚本中,将URL更改为proxy.php脚本。