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 相关文章推荐
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
超简单的jquery的AJAX用法
May 10 Javascript
jquery监控数据是否变化(修正版)
Apr 12 Javascript
如何使用Javascript正则表达式来格式化XML内容
Jul 04 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 Javascript
让jQuery Mobile不显示讨厌loading界面的方法
Feb 19 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
修复bash漏洞的shell脚本分享
Dec 31 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
javascript 面向对象实战思想分享
Sep 07 Javascript
jQuery 选择器用法基础入门示例
Jan 04 jQuery
微信小程序用户登录和登录态维护的实现
Dec 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
「OVERLORD」动画重要删减!雅儿贝德的背叛?至尊猎杀队结成
2020/04/09 日漫
简单的PHP多图上传小程序代码
2011/07/17 PHP
七款最流行的PHP本地服务器分享
2013/02/19 PHP
php创建sprite
2014/02/11 PHP
如何使用纯PHP实现定时器任务(Timer)
2015/07/31 PHP
JS Array对象入门分析
2008/10/30 Javascript
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
2014/06/12 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
JavaScript实现同时调用多个函数的方法
2015/11/09 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
JS搜狐面试题分析
2016/12/16 Javascript
BootStrap Table 获取同行不同列元素的方法
2016/12/19 Javascript
详解vuejs几种不同组件(页面)间传值的方式
2017/06/01 Javascript
JS HTML图片显示Canvas 压缩功能
2017/07/21 Javascript
vue 实现axios拦截、页面跳转和token 验证
2018/07/17 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
2019/11/07 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
python发送伪造的arp请求
2014/01/09 Python
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
浅谈python中的数字类型与处理工具
2017/08/02 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
FILA斐乐中国官方商城:意大利运动品牌
2017/01/25 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
VLAN和VPN有什么区别?分别实现在OSI的第几层?
2014/12/23 面试题
旅游管理专业学生求职信
2013/09/28 职场文书
《桃花心木》教学反思
2014/02/17 职场文书
平面设计求职信
2014/03/10 职场文书
小学二年级学生评语
2014/04/21 职场文书
我爱我家教学反思
2014/05/01 职场文书
人事行政经理岗位职责
2014/06/18 职场文书
同学会感言
2015/07/30 职场文书
幼儿教师三分钟演讲稿
2019/06/21 职场文书