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 相关文章推荐
(function(){})()的用法与优点
Mar 11 Javascript
doctype后如何获得body.clientHeight的方法
Jul 11 Javascript
javascript multibox 全选
Mar 22 Javascript
js 多浏览器分别判断代码
Apr 01 Javascript
基于jQuery替换table中的内容并显示进度条的代码
Aug 02 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
Jun 05 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
JS正则替换掉小括号及内容的方法
Nov 29 Javascript
Bootstrap3 内联单选和多选框
Dec 29 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 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反向代理类代码
2014/08/15 PHP
php简单定时执行任务的实现方法
2015/02/23 PHP
微信封装的调用微信签名包的类库
2017/06/08 PHP
javascript 定义新对象方法
2010/02/20 Javascript
基于jQuery的表格操作插件
2010/04/22 Javascript
基于javascript实现tab选项卡切换特效调试笔记
2016/03/30 Javascript
AngularJS 如何在控制台进行错误调试
2016/06/07 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
javascript实现电脑和手机版样式切换
2017/11/10 Javascript
使用Electron构建React+Webpack桌面应用的方法
2017/12/15 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
elementUI select组件value值注意事项详解
2019/05/29 Javascript
解决layer图标icon不加载的问题
2019/09/04 Javascript
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
详解Python安装scrapy的正确姿势
2018/06/26 Python
解决python2 绘图title,xlabel,ylabel出现中文乱码的问题
2019/01/29 Python
pytest中文文档之编写断言
2019/09/12 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
基于python爬取链家二手房信息代码示例
2020/10/21 Python
python中操作文件的模块的方法总结
2021/02/04 Python
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
Camille Jewelry官网:现代女性时尚首饰
2019/07/07 全球购物
申报职称专业技术个人的自我评价
2013/12/12 职场文书
服装机修工岗位职责
2013/12/26 职场文书
电子信息科学专业自荐信
2014/01/30 职场文书
租车协议书范本
2014/04/22 职场文书
社区娱乐活动方案
2014/08/21 职场文书
人工作失职检讨书
2015/05/05 职场文书
2016年植树节红领巾广播稿
2015/12/17 职场文书
Mac M1安装mnmp (Mac+Nginx+MySQL+PHP) 开发环境
2021/03/29 PHP
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
2021/11/11 HTML / CSS
golang为什么要统一错误处理
2022/04/03 Golang
Java 写一个简单的图书管理系统
2022/04/26 Java/Android
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技