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

时间:2022-11-09 17:30:11

       在实际开发过程中, 我们会用到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