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 相关文章推荐
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
表单验证正则表达式实例代码详解
Nov 09 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
Bootstrap响应式表格详解
May 23 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
Sep 25 Javascript
使用webpack打包koa2 框架app
Feb 02 Javascript
详解Vue demo实现商品列表的展示
May 07 Javascript
JS原型与继承操作示例
May 09 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
基于ssm框架实现layui分页效果
Jul 27 Javascript
如何实现一个简易版的vuex持久化工具
Sep 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
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
jquery入门—编写一个导航条(可伸缩)
2013/01/07 Javascript
javascript中常用编程知识
2013/04/08 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
浅析js中2个等号与3个等号的区别
2013/08/06 Javascript
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
2014/08/20 Javascript
jQuery实现的在线答题功能
2015/04/12 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
2015/08/13 Javascript
Angular.js如何从PHP读取后台数据
2016/03/24 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
2016/11/23 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
2017/02/13 Javascript
使用Vue写一个datepicker的示例
2018/01/27 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
浅谈numpy数组的几种排序方式
2017/12/15 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
Flask解决跨域的问题示例代码
2018/02/12 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
python中删除某个元素的方法解析
2019/11/05 Python
python3.8.1+selenium实现登录滑块验证功能
2020/05/22 Python
孤独星球出版物:Lonely Planet Publications
2018/03/17 全球购物
DTD的含义以及作用
2014/01/26 面试题
艺术系应届生的自我评价
2013/10/19 职场文书
求职自荐书范文
2013/12/04 职场文书
幼儿园家长寄语
2014/04/02 职场文书
大学生党员个人剖析材料
2014/10/08 职场文书
幼儿园教师节活动总结
2015/03/23 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
2016入党积极分子心得体会
2016/01/06 职场文书
高考满分作文赏析(2篇)
2019/08/12 职场文书
微信小程序实现录音Record功能
2021/05/09 Javascript
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫
vue动态绑定style样式
2022/04/20 Vue.js