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 相关文章推荐
flexigrid 类似ext grid的JS表格代码
Jul 17 Javascript
JavaScript中的undefined学习总结
Nov 30 Javascript
JavaScript结合AJAX_stream实现流式显示
Jan 08 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
JS日程管理插件FullCalendar中文说明文档
Feb 06 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
js通过循环多张图片实现动画效果
Dec 19 Javascript
vue远程加载sfc组件思路详解
Dec 25 Javascript
node.js中 redis 的安装和基本操作示例
Feb 10 Javascript
jquery实现手风琴案例
May 04 jQuery
vue 实现setInterval 创建和销毁实例
Jul 21 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代码把全角数字转为半角数字
2007/12/10 PHP
php计算十二星座的函数代码
2012/08/21 PHP
使用PHP实现蜘蛛访问日志统计
2013/07/05 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
JS延迟加载加快页面打开速度示例代码
2013/12/30 Javascript
js控制iframe的高度/宽度让其自适应内容
2014/04/09 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
简介JavaScript中toTimeString()方法的使用
2015/06/12 Javascript
EasyUI在表单提交之前进行验证的实例代码
2016/06/24 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
ubuntu编译nodejs所需的软件并安装
2017/09/12 NodeJs
原生JS实现的跳一跳小游戏完整实例
2019/01/27 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
javascript的hashCode函数实现代码小结
2020/08/11 Javascript
vue+Element-ui实现登录注册表单
2020/11/17 Javascript
python打开url并按指定块读取网页内容的方法
2015/04/29 Python
详细解读Python的web.py框架下的application.py模块
2015/05/02 Python
python3写爬取B站视频弹幕功能
2017/12/22 Python
python mysql断开重连的实现方法
2019/07/26 Python
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
2014年人事行政工作总结
2014/12/03 职场文书
承诺书模板大全
2015/05/04 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
初中语文教师研修日志
2015/11/13 职场文书
2016中秋节月饼促销广告语
2016/01/28 职场文书
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js