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 相关文章推荐
tbody元素支持嵌套的注意方法
Mar 24 Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
Javascript模块化编程(三)require.js的用法及功能介绍
Jan 17 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
Jan 08 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
JavaScript实现仿淘宝商品购买数量的增减效果
Jan 22 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
Feb 25 Javascript
JavaScript中获取HTML元素值的三种方法
Jun 20 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
Mar 07 Javascript
webpack v4 从dev到prd的方法
Apr 02 Javascript
Node.js中你不可不精的Stream(流)
Jun 08 Javascript
vue实现pdf文档在线预览功能
Nov 26 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
MOTOROLA 摩托罗拉 MODEL 66-XI五灯中波收音机
2021/03/02 无线电
php操作xml入门之xml标签的属性分析
2015/01/23 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
PHP + plupload.js实现多图上传并显示进度条加删除实例代码
2017/03/06 PHP
php ZipArchive实现多文件打包下载实例
2019/10/31 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
给artDialog 5.02 增加ajax get功能详细介绍
2012/11/13 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
js进行表单验证实例分析
2015/02/10 Javascript
详解JS正则replace的使用方法
2016/03/06 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
2020/03/26 Javascript
原生js实现对Ajax的封装(仿jquery)
2017/01/22 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
vue 虚拟DOM的原理
2020/10/03 Javascript
解决Element中el-date-picker组件不回填的情况
2020/11/07 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
python opencv旋转图像(保持图像不被裁减)
2018/07/26 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
python实现按行分割文件
2019/07/22 Python
Python如何实现动态数组
2019/11/02 Python
Python socket聊天脚本代码实例
2020/01/02 Python
Python flask框架如何显示图像到web页面
2020/06/03 Python
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
优秀员工年终发言演讲稿
2014/01/01 职场文书
一年级班主任感言
2014/03/08 职场文书
技术总监管理岗位职责
2014/03/09 职场文书
嘉宾邀请函
2015/01/31 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书
长江七号观后感
2015/06/11 职场文书
盲山观后感
2015/06/11 职场文书
python 命令行传参方法总结
2021/05/25 Python