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 相关文章推荐
一个可以显示阴历的JS代码
Mar 05 Javascript
JavaScript 使用技巧精萃(.net html
Apr 25 Javascript
jquery select选中的一个小问题
Oct 11 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
Apr 29 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
JavaScript如何动态创建table表格
Aug 02 Javascript
Javascript原型链的原理详解
Jan 05 Javascript
Winform客户端向web地址传参接收参数的方法
May 17 Javascript
解决vue中虚拟dom,无法实时更新的问题
Sep 15 Javascript
微信小程序实现单列下拉菜单效果
Apr 25 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
Aug 20 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 Session变量不能传送到下一页的解决方法
2009/11/27 PHP
PHP中func_get_args(),func_get_arg(),func_num_args()的区别
2013/09/30 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
关于图片的预加载过程中隐藏未知的
2012/12/19 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
jQuery mobile 移动web(6)
2015/12/20 Javascript
全面解析Bootstrap中nav、collapse的使用方法
2016/05/22 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
AngularJS入门教程之迭代器过滤详解
2016/08/18 Javascript
jQuery实现模拟flash头像裁切上传功能示例
2016/12/11 Javascript
javascript中this关键字详解
2016/12/12 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
JS实现的集合去重,交集,并集,差集功能示例
2018/03/13 Javascript
基于Vue实现可以拖拽的树形表格实例详解
2018/10/18 Javascript
JavaScript遍历数组和对象的元素简单操作示例
2019/07/09 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
2019/11/06 Javascript
原生js实现点击轮播切换图片
2020/02/11 Javascript
解决removeEventListener 无法清除监听的问题
2020/10/30 Javascript
Python实现导出数据生成excel报表的方法示例
2017/07/12 Python
Python随机生成均匀分布在三角形内或者任意多边形内的点
2017/12/14 Python
pandas 小数位数 精度的处理方法
2018/06/09 Python
对python GUI实现完美进度条的示例详解
2018/12/13 Python
python 基于opencv 实现一个鼠标绘图小程序
2020/12/11 Python
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
美国克罗格超市在线购物:Kroger
2019/06/21 全球购物
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
Otiumberg官网:英国半精致珠宝品牌
2021/01/16 全球购物
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
销售会议开幕词
2016/03/04 职场文书
SONY600GR,国产收音机厂商永远的痛
2022/04/05 无线电
Vue.Draggable实现交换位置
2022/04/07 Vue.js