為了實現前后端分離,經常需要使用ajax從后端獲取json數據,然后對前端頁面進行動態渲染。在ajax中,通過get請求后端接口來獲取json數據是比較常見的做法。
$.get('http://localhost:8080/api/data', function(data) { // data是從后端獲取的json數據 // 對數據進行處理,然后渲染到前端頁面 });
上述代碼中的$.get方法是jquery框架提供的ajax方法。第一個參數是后端接口的地址,第二個參數是一個回調函數,用來處理從后端獲取的數據。
如果需要傳遞參數,則可以在url中添加參數,并且在回調函數的參數中獲取到后端返回的數據。
var query = { name: '張三', age: 20 }; // 將query參數拼接到url中 var url = 'http://localhost:8080/api/data?' + $.param(query); $.get(url, function(data) { // data是從后端獲取的json數據 // 對數據進行處理,然后渲染到前端頁面 });
上述代碼中,通過$.param方法將query對象轉換為url參數格式,并且拼接到url中。后端可以通過req.query屬性獲取到query參數。
總之,通過get請求后端接口獲取json數據是前后端分離常用的做法。如果需要傳遞參數,則可以將參數拼接到url中,然后解析返回的json數據,進行前端渲染。
上一篇vue如何循環圖片
下一篇mysql創建管理員賬號