jQuery-jsonp.js是一個jQuery插件,可以幫助我們發送JSONP請求。JSONP請求不是真正的Ajax請求,而是通過動態創建script標簽來獲取數據。
使用jQuery-jsonp.js非常簡單,只需要引入jQuery和jQuery-jsonp.js插件,然后調用$.jsonp()方法即可。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery-jsonp.js用法</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jquery-jsonp/2.4.0/jquery.jsonp.min.js"></script> </head> <body> <script> $.jsonp({ url: 'https://api.example.com/data', callback: 'handleData', success: function(data) { console.log(data); }, error: function() { console.log('請求失敗!'); } }); function handleData(data) { console.log('JSONP請求返回的數據為:', data); } </script> </body> </html>
在上面的例子中,我們通過$.jsonp()方法向https://api.example.com/data發送一個JSONP請求。callback參數指定了回調函數的名稱,該回調函數的名稱會被包含在URL中發送給服務端。success和error回調函數分別在請求成功和失敗時被調用。
注意:JSONP請求只能發送GET請求,不能發送POST等其他類型的請求。
總的來說,jQuery-jsonp.js非常適合跨域請求,使用起來非常簡單。