如何使用jquery / ajax发布到表单

我有以下代码但是当我从页面重定向时提交。 我希望能够使用jquery / ajax发布到它，以便页面不会刷新提交。 有人能给我看一个jsfiddle演示吗？

Answer 1

看一下jQuery post() ：

 $.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType }); 

Answer 2

你要求一个jsFiddle

HTML

我不得不修改动作URL，否则就是XSS

JAVASCRIPT

 $('#widget_contact').submit(function(e){ e.preventDefault(); var form = $(this); $.ajax({ url: form.prop('action'), method: form.prop('method'), data: form.serialize(), success: function(){ alert('Hurraaaayyy'); } }); }); 

Answer 3

我强烈建议使用jQuery表单插件 。

Answer 4

 $('#widget_contact').submit(function(){ $.post('http://www.mysaintssearch.com/?cmd=sb-gimme&from=?cmd=home', $('#widget_contact').serialize(), function(data) { // data is the variable that's returned from the form page }); return false; // so the page won't submit }); 

Answer 5

在我的网站上有一些我不使用的东西：

表单，表格，输入类型提交，输入类型按钮，标识中的名称，除非它是多项选项（如复选框）

在这种情况下，具体来说，我的解决方案是：

 
  sb-gimme SUBMIT 
 ... function mySubmit() { var myData = 'fc_name='+$('#fc_name').val(); myData += '&hdnCmd='+$('#hdnCmd').text(); $.post('processingPage.asp', myData, function (data) { ... display a returning success or failure }); }