为了账号安全,请及时绑定邮箱和手机立即绑定

jquery如何实现form提交无刷新返回一个页面

jquery如何实现form提交无刷新返回一个页面

MM们 2018-07-16 12:12:02
jquery如何实现form提交无刷新返回一个页面
查看完整描述

1 回答

?
慕莱坞森

TA贡献1810条经验 获得超4个赞

jquery有个ajax方法是实现异步的(就是你所说的无刷新),然后你绑定表单的onsubmit事件,异步访问你要提交的页面,return false(这样本页面就不会提交了),可以实现你所说的form提交无刷新,代码如下

$(document).ready(function() {

//使用jQuery异步提交表单

$('#表单ID').submit(function() {

jQuery.ajax({

url: '要提交的页面',

data: $('#表单ID').serialize(),

type: "POST",

beforeSend: function()

{

//在异步提交前要做的操作

},

success: function()

{

//在异步提交成功后要做的操作

}

});

return false;

});

});


查看完整回答
反对 回复 2018-08-24
  • 1 回答
  • 0 关注
  • 725 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信