实现Form表单提交页面不进行跳转

来源:互联网 发布:复旦大数据学院夏令营 编辑:程序博客网 时间:2024/06/04 18:03

       在实际开发过程中, 我们会用到html  form表单, 简单类似登录,修改信息等 , 表单提交后页面会进行跳转.  但是在某种情况下, 

我们不需要页面进行跳转, 并且将数据使用ajax返回到页面中 . 如果只是按照原来的方法无法实现 , 做起来也会相当复杂. 在这里跟

大家交流一下jQuery的 ajaxSubmit 来进行表单的提交.

准备工作: 下载 jquery.form.js 文件( 自行下载 )

  js 部分代码: 

    function changePic(){$('#modify_logo_form').ajaxSubmit( { url : "user/modify_logo", success: function(data) { alert(data);},}); return false; }

 更多方式可以自行了解 :   http://malsup.com/jquery/form/#api



原创粉丝点击