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 相关文章推荐
关于jQuery中.attr()和.prop()的问题探讨
Sep 06 Javascript
javascript调试过程中找不到哪里出错的可能原因
Dec 16 Javascript
JS实现浏览器状态栏显示时间的方法
Oct 27 Javascript
jQuery Validate初步体验(一)
Dec 12 Javascript
js实现图片轮播效果
Dec 19 Javascript
JavaScript学习笔记之惰性函数示例详解
Aug 27 Javascript
jQuery 防止相同的事件快速重复触发方法
Feb 08 jQuery
使用Vue构建可重用的分页组件
Mar 26 Javascript
微信小程序canvas拖拽、截图组件功能
Sep 04 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
Mar 04 Javascript
JS实现纸牌发牌动画
Jan 19 Javascript
JavaScript控制台的更多功能
Apr 28 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自动加载autoload机制示例分享
2014/02/20 PHP
php实现的zip文件内容比较类
2014/09/24 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
PHP5.5安装PHPRedis扩展及连接测试方法
2017/01/22 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
php+ajax实现文件切割上传功能示例
2020/03/03 PHP
PHP 实现 JSON 数据的编码和解码操作详解
2020/04/22 PHP
JS JavaScript获取Url参数,src属性参数
2021/03/09 Javascript
Jquery easyui 实现动态树
2015/11/17 Javascript
jQuery中trigger()与bind()用法分析
2015/12/18 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
Extjs 点击复选框在表格中增加相关信息行
2016/07/12 Javascript
js前端面试题及答案整理(一)
2016/08/26 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
vue多种弹框的弹出形式的示例代码
2017/09/18 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
Vue脚手架的简单使用实例
2018/07/10 Javascript
详解vue-cli官方脚手架配置
2018/07/20 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
微信小程序如何使用globalData的方法
2019/06/06 Javascript
python追加元素到列表的方法
2015/07/28 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
python如何将两个txt文件内容合并
2019/10/18 Python
Django多数据库配置及逆向生成model教程
2020/03/28 Python
python自动脚本的pyautogui入门学习
2020/04/01 Python
HTML5本地存储之IndexedDB
2017/06/16 HTML / CSS
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
汽车维修与检测专业应届生求职信
2013/11/12 职场文书
献爱心捐款倡议书
2014/05/14 职场文书
毕业班班主任工作总结2015
2015/07/23 职场文书
logback如何自定义日志存储
2021/08/30 Java/Android