js原生跨域_用script标签的简单实现


Posted in Javascript onSeptember 24, 2016

刚刚从培训班学习完,总想写一下东西,自从进入了这个院子,每次出现问题,总是能找到一些答案,给我一些帮助.

作为新手,就写一下简单的吧,院子里面有很多大牛, 说句实话,他们的很多代码我都看不懂. 我就写一下新手看的懂得吧, 多说一句,我觉得大牛写的代码应该通俗易懂才可以。.

代码非常的简单,但是写的过程中,仍然发生了一些小错误,最后还是解决了。

<!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函数把数据返回
  }
  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>

以上就是小编为大家带来的js原生跨域_用script标签的简单实现的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
jquery获取div距离窗口和父级dv的距离示例
Oct 10 Javascript
javascript 继承学习心得总结
Mar 17 Javascript
第九章之路径分页标签与徽章组件
Apr 25 Javascript
浅谈javascript中new操作符的原理
Jun 07 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
Feb 19 Javascript
vue数据双向绑定原理解析(get &amp; set)
Mar 08 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
Apr 10 Javascript
Angular简单验证功能示例
Dec 22 Javascript
javascript中call()、apply()的区别
Mar 21 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 Javascript
js内置对象处理_打印学生成绩单的简单实现
Sep 24 #Javascript
用js实现简单算法的实例代码
Sep 24 #Javascript
jQuery实现移动端手机商城购物车功能
Sep 24 #Javascript
AngularJS实现星星等级评分功能
Sep 24 #Javascript
完美的js div拖拽实例代码
Sep 24 #Javascript
javascript 解决浏览器不支持的问题
Sep 24 #Javascript
JavaScript生成验证码并实现验证功能
Sep 24 #Javascript
You might like
php中opendir函数用法实例
2014/11/15 PHP
PHP实现阿里大鱼短信验证的实例代码
2017/07/10 PHP
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
js 窗口抖动示例
2013/09/04 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
3种不同的ContextMenu右键菜单实现代码
2016/11/03 Javascript
AngularJS封装指令方法详解
2016/12/12 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
JS实现图片预加载之无序预加载功能代码
2017/05/12 Javascript
详解VueJS应用中管理用户权限
2018/02/02 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
2018/04/22 Javascript
Vue封装的可编辑表格插件方法
2018/08/28 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
vue的for循环使用方法
2019/02/12 Javascript
Node 使用express-http-proxy 做api网关的实现
2020/10/15 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
在Python的Flask框架中使用日期和时间的教程
2015/04/21 Python
Python实现批量读取word中表格信息的方法
2015/07/30 Python
单链表反转python实现代码示例
2018/02/08 Python
Python二进制串转换为通用字符串的方法
2018/07/23 Python
Keras预训练的ImageNet模型实现分类操作
2020/07/07 Python
python 如何调用远程接口
2020/09/11 Python
python 实现汉诺塔游戏
2020/11/28 Python
python实现图像随机裁剪的示例代码
2020/12/10 Python
详解canvas绘图时遇到的跨域问题
2018/03/22 HTML / CSS
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
大学生职业生涯规划范文
2014/01/08 职场文书
售后服务承诺书
2014/03/26 职场文书
煤矿班组长竞聘书
2014/03/31 职场文书
重温入党誓词主持词
2015/06/29 职场文书
安全伴我行主题班会
2015/08/13 职场文书
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js
mapstruct的用法之qualifiedByName示例详解
2022/04/06 Java/Android