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 相关文章推荐
学习YUI.Ext 第四天--对话框Dialog的使用
Mar 10 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
JavaScript判断DOM何时加载完毕的技巧
Nov 11 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 Javascript
基于React.js实现原生js拖拽效果引发的思考
Mar 30 Javascript
谈谈JavaScript的New关键字
Aug 26 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
Mar 24 jQuery
react-native封装插件swiper的使用方法
Mar 20 Javascript
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
vue iview多张图片大图预览、缩放翻转
Jul 13 Javascript
vue-cropper插件实现图片截取上传组件封装
May 27 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模拟登陆的实现方法分析
2015/01/09 PHP
php利用imagemagick实现复古老照片效果实例
2017/02/16 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
取得传值的函数
2006/10/27 Javascript
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
不同Jquery版本引发的问题解决
2013/10/14 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
js实现图片无缝滚动特效
2020/03/19 Javascript
第一次接触JS require.js模块化工具
2016/04/17 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
小程序实现多个选项卡切换
2020/06/19 Javascript
Python实现爬取逐浪小说的方法
2015/07/07 Python
python之信息加密题目详解
2019/06/26 Python
python global关键字的用法详解
2019/09/05 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
python输出结果刷新及进度条的实现操作
2020/07/13 Python
python开发入门——列表生成式
2020/09/03 Python
戴森英国官网:Dyson英国
2019/05/07 全球购物
这段代码难道不该打印出56吗
2013/02/27 面试题
爱情保证书范文
2014/02/01 职场文书
安全生产目标责任书
2014/04/14 职场文书
依法行政工作汇报
2014/10/28 职场文书
单位同意报考证明
2015/06/17 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书
护士医德医风心得体会
2016/01/25 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
入党申请书怎么写?
2019/06/21 职场文书
golang elasticsearch Client的使用详解
2021/05/05 Golang
canvas实现贪食蛇的实践
2022/02/15 Javascript
React四级菜单的实现
2022/04/08 Javascript
Java Spring Boot请求方式与请求映射过程分析
2022/06/25 Java/Android
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android