使用jsonp实现ajax跨域请求
2016-03-29 12:10
766 查看
众所周知,ajax在跨域请求的时候会被浏览器的安全策略所阻止,但是在企业级项目中,经常会有不同项目之间需要进行直接通信,如果希望使用ajax的HTTP方式进行跨域请求的话,这里jsonp就可以排上用场了。直接上代码:
前端页面(跨域请求方):
后台代码(被跨域代码):
这里会返回类似jsondsdf133527([{name:value1}])这样的回掉函数,去主动调用调用方ajax提供的回掉函数,这样就实现了跨域访问。不过这种跨域需要目标站后台的配合。
前端页面(跨域请求方):
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery.min.js"></script> <script> function load(data){ alert(1); } </script> <script> $.getJSON("http://localhost:8080/FHMYSQL/weui/index?jsonp=?",function(data){ alert(data[0].name); }) </script> </head> <body> </body> </html>
后台代码(被跨域代码):
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%=request.getParameter("jsonp")+"([{\"name\":\"value1\"}])"%>
这里会返回类似jsondsdf133527([{name:value1}])这样的回掉函数,去主动调用调用方ajax提供的回掉函数,这样就实现了跨域访问。不过这种跨域需要目标站后台的配合。
相关文章推荐
- jsp常见的指令总结
- JSON 教程
- js方法调方法写法
- js render
- JavaScript——Div和Span的区别
- js实现浏览器通知功能
- js监听手机屏幕亮度、震动、方向变化
- JavaScript面向对象程序设计教程
- json与gson,volley
- C# JSON 日期转换
- js实现数组去重的三个方法、数组的快速排序
- jsp 打印
- 七步从Angular.JS菜鸟到专家(3):数据绑定和AJAX
- Json入门
- javascript实现深克隆的几种方法
- 七步从Angular.JS菜鸟到专家(2):Scopes
- 七步从Angular.JS菜鸟到专家(1):如何开始
- 【Code】Js-mind插件中会使用到的一个递归拼装数据格式的函数
- JavaScript中对象的创建有以下几种方式
- jstl教程