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

时间:2013-08-21 13:17:33

标签: jquery html ajax forms encoding

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

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();       
 });   
});

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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