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 相关文章推荐
23个Javascript弹出窗口特效整理
Feb 25 Javascript
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
获取鼠标在div中的相对位置的实现代码
Dec 30 Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 Javascript
AngularJS directive返回对象属性详解
Mar 28 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
Dec 23 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
Vue中的scoped实现原理及穿透方法
May 15 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
Elasticsearch实现复合查询高亮结果功能
Sep 10 Javascript
jquery实现购物车基本功能
Oct 25 jQuery
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 mongodb扩展时 需要注意的事项
2013/06/18 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
2015/11/04 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
基于jQuery实现数字滚动效果
2017/01/16 Javascript
js实现漫天星星效果
2017/01/19 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
2017/08/21 Javascript
nodejs基础之常用工具模块util用法分析
2018/12/26 NodeJs
vue-router的两种模式的区别
2019/05/30 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
2020/08/04 Javascript
[05:53]完美世界携手游戏风云打造 卡尔工作室观战系统篇
2013/04/22 DOTA
Python批量修改文件后缀的方法
2014/01/26 Python
python中偏函数partial用法实例分析
2015/07/08 Python
Python 中的with关键字使用详解
2016/09/11 Python
python实现树形打印目录结构
2018/03/29 Python
python 实现返回一个列表中出现次数最多的元素方法
2019/06/11 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
Python数据库封装实现代码示例解析
2020/09/05 Python
python使用dlib进行人脸检测和关键点的示例
2020/12/05 Python
Python列表的深复制和浅复制示例详解
2021/02/12 Python
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
英国电子专家:maplin
2019/09/04 全球购物
高一地理教学反思
2014/01/18 职场文书
初三学生个人自我评定
2014/04/06 职场文书
入股协议书范本
2014/04/14 职场文书
民主生活会发言材料
2014/10/20 职场文书
大二学生自我检讨书
2014/10/23 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
《悲惨世界》:比天空更广阔的是人的心灵
2020/01/16 职场文书