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 相关文章推荐
javascript Firefox与IE 替换节点的方法
Feb 24 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
JS截取url中问号后面参数的值信息
Apr 29 Javascript
网页运行时提示对象不支持abigimage属性或方法
Aug 10 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
Aug 01 Javascript
微信小程序 UI布局常用技巧整理总结
Dec 05 Javascript
深入理解javascript中的 “this”
Jan 17 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
微信小程序日期选择器实例代码
Jul 18 Javascript
vue如何进行动画的封装
Sep 26 Javascript
vue webpack重写cookie路径的方法
Jul 10 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
模拟OICQ的实现思路和核心程序(一)
2006/10/09 PHP
js代码实现微博导航栏
2015/07/30 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
php中bind_param()函数用法分析
2017/03/28 PHP
ThinkPHP实现图片上传操作的方法详解
2017/05/08 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
PHP正则表达式笔记与实例详解
2019/05/09 PHP
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
2006/12/27 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
javascript 内存回收机制理解
2011/01/17 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
纯JavaScript代码实现移动设备绘图解锁
2015/10/16 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
2018/12/05 Javascript
使用post方法实现json往返传输数据的方法
2019/03/30 Javascript
浅入深出Vue之自动化路由
2019/08/06 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
在vue中动态添加class类进行显示隐藏实例
2019/11/09 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
python中requests库session对象的妙用详解
2017/10/30 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
Python拆分大型CSV文件代码实例
2019/10/07 Python
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
你们项目是如何进行变更控制的
2015/08/26 面试题
应届生学校辅导员求职信
2013/11/07 职场文书
大专生的学习自我评价
2013/12/04 职场文书
优秀共产党员先进事迹
2014/01/27 职场文书
助理政工师申报材料
2014/06/03 职场文书
奥巴马当选演讲稿
2014/09/10 职场文书
店铺转让协议书
2014/12/02 职场文书
辞职信的写法
2015/02/27 职场文书