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 IE 与 FF中兼容问题小结
Feb 18 Javascript
JavaScript 新手24条实用建议[TUTS+]
Jun 21 Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 Javascript
js实现字符串的16进制编码不加密
Apr 25 Javascript
轻松实现js弹框显示选项
Sep 13 Javascript
浅谈Webpack 是如何加载模块的
May 24 Javascript
BootStrap table实现表格行拖拽效果
Dec 01 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
Dec 09 Javascript
JS数据类型STRING使用实例解析
Dec 18 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 Javascript
JS实现小米轮播图
Sep 21 Javascript
Vue实现tab导航栏并支持左右滑动功能
Jun 28 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内核探索:变量存储与类型使用说明
2014/01/30 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
PHP高精确度运算BC函数库实例详解
2017/08/15 PHP
PHP Include文件实例讲解
2019/02/15 PHP
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
AngualrJS中的Directive制作一个菜单
2016/01/26 Javascript
浏览器复制插件zeroclipboard使用指南
2016/03/26 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
详解Nodejs 通过 fs.createWriteStream 保存文件
2017/10/10 NodeJs
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
微信小程序服务器日期格式化问题
2020/01/07 Javascript
小程序自定义弹框效果
2020/11/16 Javascript
js实现电灯开关效果
2021/01/19 Javascript
python xml解析实例详解
2016/11/14 Python
windows系统下Python环境搭建教程
2017/03/28 Python
使用python画个小猪佩奇的示例代码
2018/06/06 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
文员个人求职自荐信
2013/09/21 职场文书
银行职业规划书范文
2013/12/28 职场文书
银行办公室岗位职责
2014/03/10 职场文书
反腐倡廉演讲稿
2014/05/22 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
开除员工通知
2015/04/22 职场文书
警示教育观后感
2015/06/17 职场文书
三八妇女节致辞
2015/07/31 职场文书
女性励志书籍推荐
2019/08/19 职场文书
Redis sentinel哨兵集群的实现步骤
2022/07/15 Redis
LeetCode189轮转数组python示例
2022/08/05 Python