$.ajax是jQuery提供的一個函數,可以用來實現AJAX異步請求。在前端開發中經常用到它來獲取后端返回的數據。當后端將數據以JSON格式返回時,jQuery可以自動進行解析,使用起來更加方便。
$.ajax({ url: '/api/data', dataType: 'json', success: function(data){ // 處理獲取到的JSON數據 } });
在上面的代碼中,我們使用了$.ajax來向URL /api/data 發送請求,并設置了dataType為json。當服務器返回數據時,jQuery會自動解析成JSON對象,可以直接在success回調函數中以data的形式處理數據。接下來我們來看一個完整的例子。
$.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獲取了一組數據,將數據以JSON格式返回。在前端頁面中,我們利用$.ajax異步請求獲取到數據后,使用$.each遍歷數據,并將數據以HTML字符串的形式生成,并最終插入到DOM元素中。整體的過程實現了前后端數據交互、數據展示的功能。