使用jquery实现js跨域
2015-01-27 16:49
351 查看
@Controller public class ApiController { @Path("/api/v1/user/get_user_info") public void processUserInfo(HttpServletRequest req, HttpServletResponse resp)throws Exception { resp.setContentType("application/json"); resp.setCharacterEncoding("UTF-8"); String callback = req.getParameter("callback"); PrintWriter out = resp.getWriter(); if(callback == null) { out.print(getUserInfo()); } else { out.print(callback + "("+getUserInfo()+");"); } out.close(); } private String getUserInfo() { Map<String, String> user = new HashMap<>(); user.put("id", "1"); user.put("phone", "10086"); user.put("name", "CMCC"); user.put("web_site", "http://www.10086.cn"); Gson g = new Gson(); return g.toJson(user); } }
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jsky</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> <h1>jsky</h1> <div style="font-size:22px;color:red;" id="box"> </div> </body> <script type="text/javascript"> (function ($, win, doc) { $.ajax({ type: 'GET', jsonp: 'callback', url: 'http://java.hqit.com/example/api/v1/user/get_user_info.do', data: 'version='+new Date().getTime(), success: function(resp){ var html = ""; html += 'id='+resp.id; html += '<br />phone='+resp.phone; html += '<br />name='+resp.name; html += '<br />web_site='+resp.web_site; $("#box").html(html); }, dataType: 'jsonp' }); })(jQuery, window, document); </script> </html>
相关文章推荐
- 网页跨域之jsonp的使用,包含jquery和js实现
- 使用Jquery中getJSON方法实现跨域
- 使用jquery来实现JS的类面向对象
- jquery使用jquerydoubleselectmin.js实现二级菜单联动
- 使用JQuery、js的实现甘特图
- 使用 JSONP 实现跨域通信,第 2 部分: 使用 JSONP、jQuery 和 Yahoo! 查询语言构建 mashup
- 下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现。
- 分别使用FlyJSONP和JQuery实现跨域的异步请求
- 使用Jquery实现跨域Ajax
- 分别使用FlyJSONP和JQuery实现跨域的异步请求
- 使用JQuery.js实现全选和反选
- 使用 JSONP 实现跨域通信,第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup
- MVC+JQuery实现跨域Jsonp调用Js
- 使用 JSONP 实现跨域通信,第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup
- jquery imgareaselect 使用利用js与程序结合实现图片剪切
- 使用 JSONP 实现跨域通信,第 2 部分: 使用 JSONP、jQuery 和 Yahoo! 查询语言构建 mashup
- 使用window.name和postMessage实现js跨域
- 使用Jquery中getJSON和getScript方法实现跨域
- 分别使用FlyJSONP和JQuery实现跨域的异步请求 .
- JQuery.js学习(1)使用JQuery实现全选和反选