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 相关文章推荐
jquery dialog键盘事件代码
Aug 01 Javascript
JavaScript实现的encode64加密算法实例分析
Apr 15 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
深入浅析JavaScript中with语句的理解
May 12 Javascript
js基于setTimeout与setInterval实现多线程
Jun 17 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
May 31 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
jQuery实现影院选座订座效果
Apr 13 jQuery
微信小程序实现拍照和相册选取图片
May 09 Javascript
Vue图片裁剪组件实例代码
Jul 02 Vue.js
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 mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
linux下安装php的memcached客户端
2014/08/03 PHP
php实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
laravel ORM 只开启created_at的几种方法总结
2018/01/29 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
基于jquery可配置循环左右滚动例子
2011/09/09 Javascript
thinkphp 表名 大小写 窍门
2015/02/01 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
2016/01/12 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
jQuery Ajax使用FormData对象上传文件的方法
2016/09/07 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
VUE element-ui 写个复用Table组件的示例代码
2017/11/18 Javascript
node实现登录图片验证码的示例代码
2018/04/20 Javascript
详解vue组件中使用路由方法
2019/02/12 Javascript
node.js监听文件变化的实现方法
2019/04/17 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
浅谈Express.js解析Post数据类型的正确姿势
2019/05/30 Javascript
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
django模板语法学习之include示例详解
2017/12/17 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
Pycharm设置界面全黑的方法
2018/05/23 Python
Python TestCase中的断言方法介绍
2019/05/02 Python
Django ORM 常用字段与不常用字段汇总
2019/08/09 Python
Python3 实现爬取网站下所有URL方式
2020/01/16 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
师范毕业生自我鉴定
2014/01/15 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书
2014年节能降耗工作总结
2014/12/11 职场文书
承诺保证书格式
2015/02/28 职场文书
《游戏公平》教学反思
2016/02/20 职场文书