當(dāng)我們使用jQuery中的插件jquery.form來提交表單時(shí),我們有時(shí)需要獲取服務(wù)器端返回的JSON數(shù)據(jù),這時(shí)可以通過jquery.form的返回json功能來實(shí)現(xiàn)。
jquery.form插件通過設(shè)置dataType參數(shù)為json,可以讓ajax提交表單后直接返回JSON數(shù)據(jù),而不是默認(rèn)的html文本。
$(document).ready(function() { $('#myForm').submit(function() { $(this).ajaxSubmit({ dataType: 'json', // 設(shè)置dataType為json success: function(data) { // 處理返回的JSON數(shù)據(jù) } }); return false; // 阻止表單的默認(rèn)提交行為 }); });
在上面的代碼中,我們通過設(shè)置dataType為json來讓jquery.form插件返回JSON數(shù)據(jù)。在success回調(diào)函數(shù)中,我們可以處理服務(wù)器端返回的JSON數(shù)據(jù)。
比如,服務(wù)器端可以返回一個(gè)包含用戶名和密碼是否正確的JSON對象:
{ "username": "admin", "password_correct": true }
我們可以在success函數(shù)中使用data.username和data.password_correct來獲取用戶名和密碼是否正確的信息。
總之,jquery.form的返回json功能可以方便我們處理表單提交后的JSON數(shù)據(jù),避免了手動(dòng)解析JSON數(shù)據(jù)的復(fù)雜過程。
上一篇java 反射和new
下一篇css 中的文本域