在前端開(kāi)發(fā)中,經(jīng)常需要使用到j(luò)Query的Ajax功能來(lái)進(jìn)行數(shù)據(jù)請(qǐng)求。而Ajax請(qǐng)求中傳輸?shù)臄?shù)據(jù)格式有很多種,其中一個(gè)常用的數(shù)據(jù)格式就是JSON數(shù)組。
$.ajax({ url: 'data.php', dataType: 'json', success: function(data){ for(var i=0;i以上是一個(gè)簡(jiǎn)單的Ajax請(qǐng)求示例。其中,dataType屬性指定請(qǐng)求數(shù)據(jù)的格式為JSON。請(qǐng)求成功后,服務(wù)器返回的數(shù)據(jù)會(huì)封裝在data對(duì)象中,這里的data是一個(gè)JSON數(shù)組。
在回調(diào)函數(shù)中遍歷data數(shù)組,即可獲取每個(gè)元素的屬性值,如上述示例中的name和age。
需要注意的是,如果服務(wù)器返回的數(shù)據(jù)格式不是JSON格式,那么在使用dataType屬性指定為JSON時(shí),請(qǐng)求會(huì)失敗。
$.ajax({ url: 'data.php', dataType: 'json', success: function(data){ // code }, error: function(XMLHttpRequest, textStatus, errorThrown){ console.log(textStatus); } });可以在Ajax請(qǐng)求中增加error函數(shù)來(lái)處理請(qǐng)求失敗時(shí)的情況。
總之,使用jQuery的Ajax請(qǐng)求JSON數(shù)組數(shù)據(jù)十分方便,開(kāi)發(fā)者只需要簡(jiǎn)單地指定dataType屬性即可獲得所需數(shù)據(jù)。