js原生跨域_用script標(biāo)簽的簡單實(shí)現(xiàn)
剛剛從培訓(xùn)班學(xué)習(xí)完,總想寫一下東西,自從進(jìn)入了這個(gè)院子,每次出現(xiàn)問題,總是能找到一些答案,給我一些幫助.
作為新手,就寫一下簡單的吧,院子里面有很多大牛, 說句實(shí)話,他們的很多代碼我都看不懂. 我就寫一下新手看的懂得吧, 多說一句,我覺得大牛寫的代碼應(yīng)該通俗易懂才可以。.
代碼非常的簡單,但是寫的過程中,仍然發(fā)生了一些小錯(cuò)誤,最后還是解決了。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>手寫js跨域</title> </head> <body> <button>search</button> <input type="text"/> <textarea name="" id="" cols="30" rows="10"></textarea> </body> </html> <script> var head=document.getElementsByTagName('head')[0]; var text=document.getElementsByTagName('input')[0]; var textarea=document.getElementsByTagName('textarea')[0]; var bt=document.getElementsByTagName('button')[0]; bt.onclick=function(){ var _script=document.createElement('script'); head.appendChild(_script); _script.src='https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=' +text.value+ '&json=1&p=3&sid=1443_20972_18241_21119_21191_21160_20929&req=2&csor=1&cb=getdata'; //百度的一個(gè)借口,用getdata函數(shù)把數(shù)據(jù)返回 } function getdata(data){ console.log(data); for(i in data.g){ console.log(data.g[i].q); textarea.value+=data.g[i].q+'\n'; } } </script>
以上就是小編為大家?guī)淼膉s原生跨域_用script標(biāo)簽的簡單實(shí)現(xiàn)的全部內(nèi)容了,希望對大家有所幫助,多多支持腳本之家~
相關(guān)文章
簡單了解JavaScript彈窗實(shí)現(xiàn)代碼
這篇文章主要介紹了簡單了解JavaScript彈窗實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05深入理解ES6之?dāng)?shù)據(jù)解構(gòu)的用法
本文介紹了深入理解ES6之?dāng)?shù)據(jù)解構(gòu)的用法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01用js實(shí)現(xiàn)的頁面關(guān)鍵字密度查詢代碼
2007-12-12JS實(shí)現(xiàn)紙牌發(fā)牌動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)紙牌發(fā)牌動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01webpack結(jié)合express實(shí)現(xiàn)自動(dòng)刷新的方法
這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實(shí)現(xiàn)自動(dòng)刷新的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05