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 相关文章推荐
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 Javascript
谷歌浏览器 insertCell与appendChild的区别
Feb 12 Javascript
JavaScript DOM 学习第三章 内容表格
Feb 19 Javascript
javascript 延迟加载技术(lazyload)简单实现
Jan 17 Javascript
javascript设计模式之工厂模式示例讲解
Mar 04 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
Aug 01 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
深入理解(function(){... })();
Aug 16 Javascript
解析js如何获取css样式
Dec 11 Javascript
JS实现HTML标签转义及反转义
Apr 14 Javascript
Vue2.0组件间数据传递示例
Mar 07 Javascript
纯原生js实现贪吃蛇游戏
Apr 16 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中如何调用用户自定义函数
2013/08/06 PHP
浅谈laravel框架与thinkPHP框架的区别
2019/10/23 PHP
Prototype RegExp对象 学习
2009/07/19 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
jQuery获取Select选择的Text和Value(详细汇总)
2013/01/25 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
常用的jQuery前端技巧收集
2014/12/24 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
2015/05/03 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
javascript 小数乘法结果错误的处理方法
2016/07/28 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
2017/06/13 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
解决vue 退出动画无效的问题
2020/08/09 Javascript
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
Python中logging模块的用法实例
2014/09/29 Python
python遍历目录的方法小结
2016/04/28 Python
python面向对象实现名片管理系统文件版
2019/04/26 Python
Python 剪绳子的多种思路实现(动态规划和贪心)
2020/02/24 Python
详解CSS的border边框属性及其在CSS3中的新特性
2016/05/10 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
幼儿师范毕业生自荐信
2013/11/09 职场文书
人力资源管理专业学生自我评价
2013/11/20 职场文书
继承公证书
2014/04/09 职场文书
小学生评语大全
2014/04/18 职场文书
安全宣传标语口号
2014/06/06 职场文书
启动仪式策划方案
2014/06/14 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
2016高三毕业赠言寄语
2015/12/04 职场文书
掌握这项技巧,一年阅读300本书不是梦
2019/09/12 职场文书
Golang二维数组的使用方式
2021/05/28 Golang
zabbix监控mysql的实例方法
2021/06/02 MySQL
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL