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 相关文章推荐
JS 显示当前日期与时间的代码
Mar 24 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
Mar 05 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
jQuery判断多个input file 都不能为空的例子
Jun 23 Javascript
Angular Js文件上传之form-data
Aug 28 Javascript
微信小程序 form组件详解及简单实例
Jan 10 Javascript
Vue项目分环境打包的实现步骤
Apr 02 Javascript
vuex进阶知识点巩固
May 20 Javascript
vue-cli3.0配置及使用注意事项详解
Sep 05 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
使用next.js开发网址缩短服务的方法
Jun 17 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 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
复杂检索数据并分页显示的处理方法
2006/10/09 PHP
PHP clearstatcache()函数详解
2010/03/02 PHP
精美漂亮的php分页类代码
2013/04/02 PHP
PHPThumb图片处理实例
2014/05/03 PHP
PHP判断是否为空的几个函数对比
2015/04/21 PHP
php 实现一个字符串加密解密的函数实例代码
2016/11/01 PHP
php实现记事本案例
2020/10/20 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
js url传值中文乱码之解决之道
2009/11/20 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
再论Javascript的类继承
2011/03/05 Javascript
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
js事件绑定快捷键以ctrl+k为例
2014/09/30 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
2015/03/04 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
Bootstrap导航条学习使用(二)
2017/02/08 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
使用js获取伪元素的content实例
2017/10/24 Javascript
nginx+vue.js实现前后端分离的示例代码
2018/02/12 Javascript
Vue实现仿iPhone悬浮球的示例代码
2020/03/13 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
Vue 禁用浏览器的前进后退操作
2020/09/04 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
Python contextlib模块使用示例
2015/02/18 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
python重试装饰器的简单实现方法
2019/01/31 Python
详解Python做一个名片管理系统
2019/03/14 Python
python中format函数如何使用
2020/06/22 Python
外贸采购员岗位职责
2014/03/08 职场文书
科技活动周标语
2014/10/08 职场文书
2016年记者节感言
2015/12/08 职场文书
导游词之江南周庄
2019/12/06 职场文书
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android