使用 jQuery 發送 JSONP 請求相對來說比較簡單,以下是示例代碼:
$.ajax({url: "http://example.com/data",dataType: "jsonp",jsonp: "callback",jsonpCallback: "myCallback"
}).done(function(response) {// 在這里處理返回的數據console.log(response);
});function myCallback(data) {// 也可以在這里處理返回的數據console.log(data);
}
在上述代碼中:
- url 指定了請求的地址。
- dataType 被設置為 jsonp 表示這是一個 JSONP 請求。
- jsonp 用于指定回調函數的參數名稱。
- jsonpCallback 指定了回調函數的名稱。
例如,如果服務器返回的數據是 {“message”: “Hello, World!”} ,那么在回調函數或 done 方法的回調函數中,就可以獲取并處理這個數據。
另外,還需要注意以下幾點:
- 不是所有的服務器都支持 JSONP ,在實際使用前需要確認服務器是否支持。
- 由于 JSONP 是通過動態創建 <script> 標簽來實現的,可能會受到一些瀏覽器的同源策略限制。
- 要確保服務器返回的格式符合預期,并且回調函數能夠正確處理數據。