js原生跨域_用script標簽的簡單實現(xiàn)
更新時間：2016年09月24日 22:36:30 投稿：jingxian
下面小編就為大家?guī)硪黄猨s原生跨域_用script標簽的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
剛剛從培訓班學習完,總想寫一下東西,自從進入了這個院子,每次出現(xiàn)問題,總是能找到一些答案,給我一些幫助.
作為新手,就寫一下簡單的吧,院子里面有很多大牛, 說句實話,他們的很多代碼我都看不懂. 我就寫一下新手看的懂得吧, 多說一句,我覺得大牛寫的代碼應該通俗易懂才可以。.
代碼非常的簡單,但是寫的過程中,仍然發(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標簽的簡單實現(xiàn)的全部內(nèi)容了，希望對大家有所幫助，多多支持腳本之家~
相關(guān)文章
Bootstrap每天必學之級聯(lián)下拉菜單，主要應用場合有省市級關(guān)聯(lián)菜單等，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了JS實現(xiàn)日期加減的方法，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了javascript入門教程，全部內(nèi)容都是javascript的基礎知識，內(nèi)容很全面，特別適合剛剛學習javascript的朋友學習，希望大家仔細閱讀javascript教程。2015-11-11
url特殊字符編碼encodeURI?VS?encodeURIComponent分析
這篇文章主要介紹了url特殊字符編碼encodeURI?VS?encodeURIComponent分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
這篇文章主要介紹了中高級前端必須了解的JS中的內(nèi)存管理，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
這篇文章主要介紹了JS小游戲之仙劍翻牌源碼,是一款比較經(jīng)典的卡牌類游戲,對于javascript游戲設計有不錯的借鑒價值,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了js作用域和作用域鏈及預解析，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要為大家詳細介紹了原生js實現(xiàn)自定義滾動條組件的開發(fā)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
本文為大家介紹下如何改變隱藏的input中value的值，一句代碼就可以實現(xiàn)，感性的朋友可以參考下2013-12-12
如何通過JavaScript、css、H5實現(xiàn)簡單的tab欄切換和復用功能
tab切換在項目中也算是常用技術(shù),一般實現(xiàn)tab切換都用js或者jq實現(xiàn),下面這篇文章主要給大家介紹了關(guān)于如何通過JavaScript、css、H5實現(xiàn)簡單的tab欄切換和復用功能的相關(guān)資料,需要的朋友可以參考下2022-11-11