js原生跨域_用script標(biāo)簽的簡單實現(xiàn)
剛剛從培訓(xùn)班學(xué)習(xí)完,總想寫一下東西,自從進(jìn)入了這個院子,每次出現(xiàn)問題,總是能找到一些答案,給我一些幫助.
作為新手,就寫一下簡單的吧,院子里面有很多大牛, 說句實話,他們的很多代碼我都看不懂. 我就寫一下新手看的懂得吧, 多說一句,我覺得大牛寫的代碼應(yīng)該通俗易懂才可以。.
代碼非常的簡單,但是寫的過程中,仍然發(fā)生了一些小錯誤,最后還是解決了。
<!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'; //百度的一個借口,用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)簽的簡單實現(xiàn)的全部內(nèi)容了,希望對大家有所幫助,多多支持腳本之家~
相關(guān)文章
深入理解ES6之?dāng)?shù)據(jù)解構(gòu)的用法
本文介紹了深入理解ES6之?dāng)?shù)據(jù)解構(gòu)的用法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
webpack結(jié)合express實現(xiàn)自動刷新的方法
這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實現(xiàn)自動刷新的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05

