$.ajax是jQuery提供的一個(gè)函數(shù),可以用來實(shí)現(xiàn)AJAX異步請求。在前端開發(fā)中經(jīng)常用到它來獲取后端返回的數(shù)據(jù)。當(dāng)后端將數(shù)據(jù)以JSON格式返回時(shí),jQuery可以自動(dòng)進(jìn)行解析,使用起來更加方便。
$.ajax({ url: '/api/data', dataType: 'json', success: function(data){ // 處理獲取到的JSON數(shù)據(jù) } });
在上面的代碼中,我們使用了$.ajax來向URL /api/data 發(fā)送請求,并設(shè)置了dataType為json。當(dāng)服務(wù)器返回?cái)?shù)據(jù)時(shí),jQuery會(huì)自動(dòng)解析成JSON對象,可以直接在success回調(diào)函數(shù)中以data的形式處理數(shù)據(jù)。接下來我們來看一個(gè)完整的例子。
$.ajax({ url: '/api/data', dataType: 'json', success: function(data){ var html = ''; $.each(data, function(index, item){ html += '' + item.title + ''; html += '' + item.content + ''; }); $('#container').html(html); } });
在上面的例子中,我們從URL /api/data獲取了一組數(shù)據(jù),將數(shù)據(jù)以JSON格式返回。在前端頁面中,我們利用$.ajax異步請求獲取到數(shù)據(jù)后,使用$.each遍歷數(shù)據(jù),并將數(shù)據(jù)以HTML字符串的形式生成,并最終插入到DOM元素中。整體的過程實(shí)現(xiàn)了前后端數(shù)據(jù)交互、數(shù)據(jù)展示的功能。