这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 js 原生跨域_用 script 标签的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
刚刚从培训班学习完, 总想写一下东西, 自从进入了这个院子, 每次出现问题, 总是能找到一些答案, 给我一些帮助.
作为新手, 就写一下简单的吧, 院子里面有很多大牛, 说句实话, 他们的很多代码我都看不懂. 我就写一下新手看的懂得吧, 多说一句, 我觉得大牛写的代码应该通俗易懂才可以。.
代码非常的简单, 但是写的过程中, 仍然发生了一些小错误, 最后还是解决了。
- <!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 标签的简单实现的全部内容了,希望对大家有所帮助,多多支持 phperz~
来源: http://www.phperz.com/article/17/0522/331616.html