Question

是否可以通过jQuery POST表单并处理结果？（不使用json，ajax等）。

这样的事情：

<form id="loginform">
      //some input fields and a submit button.
</form>

然后从jQuery：

$("#loginform").submit(function (e) {
   $.post("somePHPscript")
   .done(function (response) {  
        //Handle response
});
});

..还是等于删除表单，只是将事件绑定到提交按钮，并手动接受输入？

Answer 1

我不确定为什么你想要一个通过覆盖默认表单操作而不使用ajax等来处理提交结果的表单。

您需要阅读以下内容：http://api.jquery.com/submit/，其中将概述如何捕获表单提交事件，您可以使用上述链接中列出的event.preventDefault()阻止移至其他页面。< / p>

Answer 2

您拥有的代码将处理响应。你只需要用它做点什么。如果你要返回一串文字，你可以这样做：

.done(function(response){
  alert(response);
});

如果要返回一些HTML，可能是这样的：

.done(function(response){
  $(response).insertAfter('div');
});

修改

当然，如果您提交表单，那么尝试从服务器检索响应是没有意义的。但是现在您的代码正在提交表单并尝试执行AJAX请求。不妨停止表单提交和执行AJAX请求，以便您可以对响应做些什么。

Answer 3

<form id="the-form" role="form"> 
  <input type="button" id="button-form">
</form>

$("#button-form").on('click', function (e) {    
   e.preventDefault();
   $.post($("#the-form").attr('action'), function(response) {console.log(response)});
});

使用jQuery POST表单并处理结果

3 个答案: