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 相关文章推荐
通过JAVASCRIPT读取ASP设定的COOKIE
Feb 15 Javascript
javascript radio 联动效果
Mar 04 Javascript
iphone safari不支持position fixed的解决方法
May 04 Javascript
JS判断两个时间大小的示例代码
Jan 28 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
Jun 06 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
微信小程序引用公共js里的方法的实例详解
Aug 17 Javascript
Vue.js实现图片的随意拖动方法
Mar 08 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
NUXT SSR初级入门笔记(小结)
Dec 16 Javascript
react ant Design手动设置表单的值操作
Oct 31 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
Jan 11 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
zend optimizer在wamp的基础上安装图文教程
2013/10/26 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
PHP基于curl post实现发送url及相关中文乱码问题解决方法
2017/11/25 PHP
js 日期转换成中文格式的函数
2009/07/07 Javascript
JavaScript 设计模式学习 Factory
2009/07/29 Javascript
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
2013/08/12 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
2015/05/26 Javascript
jQuery webuploader分片上传大文件
2016/11/07 Javascript
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
2018/01/08 Javascript
JavaScript引用类型Array实例分析
2018/07/24 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
R vs. Python 数据分析中谁与争锋?
2017/10/18 Python
tensorflow更改变量的值实例
2018/07/30 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
Dlib+OpenCV深度学习人脸识别的方法示例
2019/05/14 Python
对Python强大的可变参数传递机制详解
2019/06/13 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
Python绘制组合图的示例
2020/09/18 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
泰坦健身器材:Titan Fitness
2018/02/13 全球购物
Larsson & Jennings官网:现代瑞士钟表匠
2018/03/20 全球购物
网站域名和主机:Domain.com
2019/04/01 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
2015年办公室人员工作总结
2015/05/15 职场文书
让世界充满爱观后感
2015/06/10 职场文书
上班旷工检讨书
2015/08/15 职场文书
mysql 生成连续日期及变量赋值
2022/03/20 MySQL