JQuery JSONP 例子是一種 JavaScript 技術, 允許 Web 開發人員在不同的域之間進行 AJAX 請求。
JQuery JSONP 例子通常在一個頁面中使用 jQuery 庫,然后使用 $.getJSON 函數從不同的服務器獲取 JSON 數據。
$(document).ready(function() { $.getJSON("http://example.com/data.json?callback=?", function(data) { $.each(data, function(i, item) { $("#results").append("
在這個例子中,我們創建了一個匿名回調函數,并將它作為參數傳遞給 $.getJSON 函數。
我們還在 URL 中使用了參數 callback=?,它告訴服務器這是一個 JSONP 請求。
在服務器端,它將返回一個 JSON 數據,該數據包含一些 JavaScript 代碼,如下所示:
myFunction({"title": "Example Title", "description": "Example description"});
這個函數調用名字與在參數中傳遞的回調函數名字相同。
最后,在 $.getJSON 函數中,我們使用 $.each 循環來遍歷 JSON 數據,并將它添加到頁面上的一個列表中。
這就是使用 JQuery JSONP 實現的一個例子。