1. 程式人生 > >實現Form表單提交頁面不進行跳轉

實現Form表單提交頁面不進行跳轉

       在實際開發過程中, 我們會用到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