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 操作cookies及正确使用cookies的属性
Oct 15 Javascript
js+css实现导航效果实例
Feb 10 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
Oct 28 Javascript
javascript中return,return true,return false三者的用法及区别
Nov 17 Javascript
基于JS实现Android,iOS一个手势动画效果
Apr 27 Javascript
详解js的六大数据类型
Dec 27 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
解决Linux无法正常安装与卸载Node.js的方法
Jan 19 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
Vue+element+cookie记住密码功能的简单实现方法
Sep 20 Javascript
Vue router配置与使用分析讲解
Dec 24 Vue.js
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/01/02 PHP
Codeigniter框架实现获取分页数据和总条数的方法
2014/12/05 PHP
yii2 modal弹窗之ActiveForm ajax表单异步验证
2016/06/13 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
禁止js文件缓存的代码
2010/04/09 Javascript
jquery 操作表格实现代码(多种操作打包)
2011/03/20 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
prototype.js常用函数详解
2016/06/18 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
2019/04/29 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
layui前端时间戳转化实例
2019/11/15 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
Python 分析Nginx访问日志并保存到MySQL数据库实例
2014/03/13 Python
在Docker上开始部署Python应用的教程
2015/04/17 Python
python实现汉诺塔递归算法经典案例
2021/03/01 Python
Python遍历目录中的所有文件的方法
2016/07/08 Python
django自带调试服务器的使用详解
2019/08/29 Python
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
购买美国制造的相框和画框架:Picture Frames
2018/08/14 全球购物
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
AssertionError 跟一下那个类是 “is – a”的关系
2012/02/21 面试题
内科护士实习自我鉴定
2013/10/17 职场文书
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
人力资源专业推荐信
2013/11/29 职场文书
模具专业毕业推荐信
2014/03/08 职场文书
会议室标语
2014/06/21 职场文书
欢迎领导检查标语
2014/06/27 职场文书
小学捐书活动总结
2014/07/05 职场文书
励志演讲稿800字
2014/08/21 职场文书
高三英语教学计划
2015/01/23 职场文书
房地产销售助理岗位职责
2015/04/14 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书
《分数乘法》教学反思
2016/02/24 职场文书