首页 > 其他 > 详细

调用ajax 跨域调用接口

时间:2014-10-08 23:10:47      阅读:285      评论:0      收藏:0      [点我收藏+]

//ajax 跨域请求数据
function ajaxType (){

$.ajax({
url: "http://127.0.0.1:9090/spring_mvc/HttpClient/ajaxType.do?jsonpCallback=?",
type: "GET",
data: { pwd: encodeURI(‘周‘), username: ‘tl‘ },
dataType: "jsonp",
success: function(data) {

//返回 为 map 一个 key 对应 多个 list
var list = data.ok ;
//获取长度list.length
alert(list[0]);//List第一个数据
}

});

}

 

控制器

 

//调用ajax 跨域调用接口
@RequestMapping(value = "ajaxType", method = RequestMethod.GET)
public void ajaxType(HttpServletRequest request, HttpServletResponse response){
try {

Map<String, List<Object>> map = new HashMap<String, List<Object>>();


List<Object> list = new ArrayList<Object>();
list.add("测试1");
list.add("测试2");
list.add("测试3");
list.add("测试4");
list.add("测试5");
map.put("ok", list);
String pwd = URLDecoder.decode(request.getParameter("pwd"),"UTF-8");//解码
PrintWriter out = response.getWriter();
JSONObject resultJSON = JSONObject.fromObject(map); // 根据需要拼装json
String jsonpCallback = request.getParameter("jsonpCallback");// 客户端请求参数
out.println(jsonpCallback + "(" + resultJSON.toString(1, 1) + ")");// 返回jsonp格式数据
System.out.println(jsonpCallback + "(" + resultJSON.toString(1, 1) + ")");
out.flush();
out.close();
} catch (Exception e) {
}
}

 

调用ajax 跨域调用接口

原文:http://www.cnblogs.com/yy123/p/4011355.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!