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中的Document文档对象
Jan 16 Javascript
javascript代码加载优化方法
Jan 30 Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 Javascript
JavaScript学习笔记记录我的旅程
May 23 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
Jquery实现$.fn.extend和$.extend函数
Apr 14 Javascript
Vue自定义指令详解
Jul 28 Javascript
微信小程序之选项卡的实现方法
Sep 29 Javascript
Vue render深入开发讲解
Apr 13 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
Jun 28 Javascript
Vue中computed及watch区别实例解析
Aug 01 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 define()函数及defined()函数使用详解
2013/06/09 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
php计算整个mysql数据库大小的方法
2015/06/19 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
jQuery验证插件 Validate详解
2014/11/20 Javascript
Bootstrap3制作图片轮播效果
2016/05/12 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
2016/12/23 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
2018/10/19 Javascript
JS几个常用的函数和对象定义与用法示例
2020/01/15 Javascript
简单理解Python中基于生成器的状态机
2015/04/13 Python
python计算牛顿迭代多项式实例分析
2015/05/07 Python
linux环境下Django的安装配置详解
2019/07/22 Python
python读文件的步骤
2019/10/08 Python
python实现飞机大战游戏(pygame版)
2020/10/26 Python
pycharm中使用request和Pytest进行接口测试的方法
2020/07/31 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
详解window.open被浏览器拦截的解决方案
2019/07/18 HTML / CSS
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
证券期货行业个人的自我评价
2013/12/26 职场文书
音乐教育感言
2014/03/05 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
艺术教育实施方案
2014/05/03 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
敬老院献爱心活动总结
2014/07/08 职场文书
幼儿园新学期开学寄语
2015/05/27 职场文书
关于童年的读书笔记
2015/06/26 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
Java中生成微信小程序太阳码的实现方案
2022/06/01 Java/Android
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers