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 快捷键设置实现代码
Mar 13 Javascript
functional继承模式 摘自javascript:the good parts
Jun 20 Javascript
Javascript字符串对象的常用方法简明版
Jun 26 Javascript
js实现的点击div区域外隐藏div区域
Jun 30 Javascript
了不起的node.js读书笔记之node的学习总结
Dec 22 Javascript
js实现简单的左右两边固定广告效果实例
Apr 10 Javascript
RequireJS使用注意细节
May 15 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
Jul 07 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
详解如何快速配置webpack多入口脚手架
Dec 28 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
JS轮播图的实现方法2
Aug 25 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
多文件上载系统完整版
2006/10/09 PHP
php中的三元运算符使用说明
2011/07/03 PHP
php CI框架插入一条或多条sql记录示例
2014/07/29 PHP
Zend Framework实现Zend_View集成Smarty模板系统的方法
2016/03/05 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
PHP registerXPathNamespace()函数讲解
2019/02/03 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
node.js中的path.basename方法使用说明
2014/12/09 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
TypeError document.getElementById(...) is null错误原因
2015/05/18 Javascript
Javascript实现的简单右键菜单类
2015/09/23 Javascript
js中unicode转码方法详解
2015/10/09 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
详解Koa中更方便简单发送响应的方式
2018/07/20 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
Eclipse + Python 的安装与配置流程
2013/03/05 Python
Python实现的ini文件操作类分享
2014/11/20 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
Python基于更相减损术实现求解最大公约数的方法
2018/04/04 Python
python实现简单名片管理系统
2018/11/30 Python
Python django搭建layui提交表单,表格,图标的实例
2019/11/18 Python
Python 将json序列化后的字符串转换成字典(推荐)
2020/01/06 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
HTML5使用drawImage()方法绘制图像
2014/06/23 HTML / CSS
兰蔻英国官网:Lancome英国
2019/04/30 全球购物
高中美术教师事迹材料
2014/08/22 职场文书
2014学校领导四风问题对照检查材料思想汇报
2014/09/22 职场文书
任命书标准格式
2015/03/02 职场文书
财务经理岗位职责范本
2015/04/08 职场文书
员工福利申请报告
2015/05/15 职场文书
java如何实现socket连接方法封装
2021/09/25 Java/Android
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技