Question

我正在尝试发布表单，但不希望页面发生变化。

SO上有很多方法，但它们都不适合我。

我无法使用jQuery的ajax或发布API，因为它们都会更改编码，而序列化和服务器会在页面视图中显示损坏的字符。

我必须找到一种方法，让我在用户点击提交按钮时发布数据。有没有办法做到这一点？

建议用法，但不起作用：

$(document).ready(function(){
 $("#mySubmit").click( function (e) {
  $("#myGiswebForm").submit(function() {
   // Handle the submission
   return false;
  });        
 });   
});

以下用法可防止默认点击操作，但不会形成操作。

$(document).ready(function(){
  $("#mySubmit").click( function (e) {
    e.preventDefault();
    $("#myGiswebForm").submit();       
 });   
});

此用法发布表单，但也会转到表单的操作页面，这是不可取的。

$(document).ready(function(){
 $("#mySubmit").click( function (e) {
  $("#myGiswebForm").submit();       
 });   
});

Answer 1

您可以禁用按钮的默认操作

$(document).ready(function(){
  $("#mySubmit").click( function (e) {
    e.preventDefault();
    $("#myGiswebForm").submit();       
 });   
});

编辑：xy hack

<form id="myGiswebForm" method="post" action="https://******/saveForm.asp" target="myiframe">
and add a 
<iframe style="display:none;" src="" name="myiframe"></iframe>

Answer 2

我最近遇到了一个几乎相同的问题，正如您所指出的那样，jQuery核心库并没有帮助。您可能需要jQuery Forms插件：http://malsup.com/jquery/form/

jQuery Userlike Form提交但没有页面更改

2 个答案: