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 相关文章推荐
javascript比较文档位置
Apr 08 Javascript
Javascript 去除数组的重复元素
May 04 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
Jul 18 Javascript
JavaScript阻止表单提交方法(附代码)
Aug 15 Javascript
CentOS环境中MySQL修改root密码方法
Jan 07 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
Echarts地图添加引导线效果(labelLine)
Sep 30 Javascript
微信小程序(订阅消息)功能
Oct 25 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
用PHP和MySQL保存和输出图片
2006/10/09 PHP
PHP初学入门
2006/11/19 PHP
解析mysql left( right ) join使用on与where筛选的差异
2013/06/18 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
2010/10/15 Javascript
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
一个JavaScript处理textarea中的字符成每一行实例
2014/09/22 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
2015/12/28 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
nodejs个人博客开发第二步 入口文件
2017/04/12 NodeJs
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
2017/09/26 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
Vue项目路由刷新的实现代码
2019/04/17 Javascript
微信小程序webview 脚手架使用详解
2019/07/22 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
2019/11/14 Javascript
Python Property属性的2种用法
2015/06/21 Python
django基础之数据库操作方法(详解)
2017/05/24 Python
python实现图片文件批量重命名
2020/03/23 Python
python 字典 按key值大小 倒序取值的实例
2018/07/06 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
python实现动态创建类的方法分析
2019/06/25 Python
python for循环remove同一个list过程解析
2019/08/14 Python
基于pytorch中的Sequential用法说明
2020/06/24 Python
python通用数据库操作工具 pydbclib的使用简介
2020/12/21 Python
html5 web本地存储将取代我们的cookie
2012/12/26 HTML / CSS
销售主管的自我评价分享
2014/01/03 职场文书
经典而简洁的婚礼主持词
2014/03/13 职场文书
减负增效提质方案
2014/05/23 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
世界文化遗产导游词
2019/08/07 职场文书
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js
Redis基本数据类型String常用操作命令
2022/06/01 Redis
二维码条形码生成的JavaScript脚本库
2022/07/07 Javascript