簡(jiǎn)單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)
本文實(shí)例為大家分享了ajax獲取跨域數(shù)據(jù)的具體代碼,供大家參考,具體內(nèi)容如下
1.效果圖
2.源碼
<html> <head> <script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript"> function getData(keyword) { var url="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" +keyword; $.ajax({ type: "get", async: false, url: encodeURI(url), dataType: "jsonp", jsonp: "cb", // 后臺(tái)定義的回調(diào)函數(shù)標(biāo)識(shí)符(一般默認(rèn)為:callback) jsonpCallback: "jsonCallback", // 自定義的jsonp回調(diào)函數(shù)名稱(默認(rèn)為jQuery自動(dòng)生成的隨機(jī)函數(shù)名) success: function(data,status){ console.log(data); console.log(status); }, error: function(){ alert('fail'); } }); } </script> </head> <body> <button onclick="getData('我');">百度搜索"我"</button> </body> </html>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 詳解Django解決ajax跨域訪問問題
- Ajax實(shí)現(xiàn)跨域訪問最新解決方案
- SpringBoot解決ajax跨域問題的方法
- 淺談Koa2框架利用CORS完成跨域ajax請(qǐng)求
- ajax前臺(tái)后臺(tái)跨域請(qǐng)求處理方式
- vue-cli開發(fā)時(shí),關(guān)于ajax跨域的解決方法(推薦)
- ajax跨域獲取網(wǎng)站json數(shù)據(jù)的實(shí)例
- 原生JS實(shí)現(xiàn)ajax與ajax的跨域請(qǐng)求實(shí)例
- 淺談jquery中ajax跨域提交的時(shí)候會(huì)有2次請(qǐng)求的問題
- JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案
相關(guān)文章
Jquery中ajax提交表單幾種方法(get、post兩種方法)
ajax技術(shù)帶給我們的是良好的用戶體驗(yàn),同時(shí),使用jquery可以簡(jiǎn)化開發(fā),提高工作效率,接下來(lái),腳本之家小編給大家分享Jquery中ajax提交表單幾種方法,需要的朋友可以參考下2015-09-09ajax三級(jí)聯(lián)動(dòng)的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了ajax三級(jí)聯(lián)動(dòng)的實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03IIS7中Ajax.AjaxMethod無(wú)效的原因及解決方法
使用Ajax.AjaxMethod方法在asp.net的服務(wù)器下一切正常,用iis的時(shí)候,js中總是cs類找不到,具體的解決方法如下,遇到類似情況的朋友可以參考下2013-07-07ajax實(shí)現(xiàn)分頁(yè)和分頁(yè)查詢
本文主要介紹了ajax實(shí)現(xiàn)分頁(yè)和分頁(yè)查詢的相關(guān)知識(shí),具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-03-03如何將ajax請(qǐng)求返回的Json格式數(shù)據(jù)循環(huán)輸出成table形式
ajax請(qǐng)求返回Json格式數(shù)據(jù),在網(wǎng)上有很多的處理方法,本文教大家如何循環(huán)輸出成table形式,代碼很詳細(xì),感興趣的朋友可以參考下2013-10-10Ajax 無(wú)刷新在注冊(cè)用戶名時(shí)判斷是否為空是否被使用
這篇文章主要介紹了Ajax 無(wú)刷新在注冊(cè)用戶名時(shí)判斷是否為空是否被使用,需要的朋友可以參考下2014-05-05