jQuery实现跨域


Posted in Javascript onFebruary 03, 2015

之前看到过用jsonp实现跨域,一直没有用到。现在刚好有个东西要到。试过了网上的很多方法,都没有用。最后终于搞清楚了用法,记录一下。

客户端:

<!-- lang: js -->

 $(document).ready(function(){

    $.ajax({

        type: 'GET', 

        async: false, 

        url: remote_url, 

        dataType: 'jsonp', 

        jsonp: 'callback', 

        jsonpCallback: 'fun',

        data: {a: 'b'}, 

        sucess: function(json) {

            alert(json);

        }

    });

});

function fun(json) {

    alert(json);

 }

服务器端

header('Content-Type: application/json; charset=utf-8');//输出头 

//your code 

echo $GET['callback'] . '(' . json_encode($GET) . ')';

一定要调用客户端js中的回调函数,不然会出错。

关于js跨越,上面一种方法需要服务端的配合,输出回调函数。

假如需要访问别人的网站抓取一些东西,除了用iframe之外,如果需要使用js,如何来处理呢。

我们知道,服务端访问远程链接,是不存在跨域问题的。因此,我们可以绕一个弯,使用js访问我们本地的程序,在程序中访问我们的目标网址。这是一种新的思路,有需要的可以尝试一下。

Javascript 相关文章推荐
网页里控制图片大小的相关代码
Jun 13 Javascript
Ctrl+Enter提交内容信息
Jun 26 Javascript
ie focus bug 解决方法
Sep 03 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
vue头部导航动态点击处理方法
Nov 02 Javascript
@angular前端项目代码优化之构建Api Tree的方法
Dec 24 Javascript
jquery实现直播弹幕效果
Nov 28 jQuery
JS中箭头函数与this的写法和理解
Jan 14 Javascript
JavaScript错误处理
Feb 03 #Javascript
js实现右下角提示框的方法
Feb 03 #Javascript
Node.js中child_process实现多进程
Feb 03 #Javascript
jquery实现增加删除行的方法
Feb 03 #Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
Feb 03 #Javascript
director.js实现前端路由使用实例
Feb 03 #Javascript
js与jquery回车提交的方法
Feb 03 #Javascript
You might like
用PHP实现的生成静态HTML速度快类库
2007/03/31 PHP
PHP parse_url 一个好用的函数
2009/10/03 PHP
PHP 处理TXT文件(打开/关闭/检查/读取)
2013/05/13 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
2010/11/25 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
JS面向对象编程浅析
2011/08/28 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
2013/04/21 Javascript
在javaScript中关于submit和button的区别介绍
2013/10/20 Javascript
用js代码改变单选框选中状态的简单实例
2013/12/18 Javascript
ztree获取当前选中节点子节点id集合的方法
2015/02/12 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
2015/09/04 Javascript
javascript每日必学之多态
2016/02/23 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
Python中字典映射类型的学习教程
2015/08/20 Python
Pycharm学习教程(7)虚拟机VM的配置教程
2017/05/04 Python
Python简单生成8位随机密码的方法
2017/05/24 Python
python使用多线程编写tcp客户端程序
2019/09/02 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
python实现AdaBoost算法的示例
2020/10/03 Python
Python 2.6.6升级到Python2.7.15的详细步骤
2020/12/14 Python
HTML5调用手机摄像头拍照的实现思路及代码
2014/06/15 HTML / CSS
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
XML文档定义有几种形式?它们之间有何本质区别?解析XML文档有哪几种方式?
2016/01/12 面试题
人力资源管理专业应届生求职信
2013/09/28 职场文书
医学求职信
2014/05/28 职场文书
个人务虚会发言材料
2014/10/20 职场文书
交通事故一次性赔偿协议书范本
2014/11/02 职场文书
办公室规章制度范本
2015/08/04 职场文书
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server
pd.drop_duplicates删除重复行的方法实现
2022/06/16 Python