调用ajax 跨域调用接口
2014-10-08 15:44
330 查看
//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) {
}
}
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 跨域调用 快递查询API接口
- ajax跨域实现api 接口调用
- HTML5网页通过ajax跨域调用接口获取json数据并解析(一)
- Ajax跨域调用后台Restful接口时的JSON转换方法
- 跨域调用接口的方法之一:$.ajaxSetup()
- ajax调用cxf webservice接口和跨域
- ajax无法跨域调用接口
- ajax跨域请求调用webservice接口
- 关于ajax 跨域调用接口
- php+jquery+ajax+json实现跨域调用 php pdo操作oracle数据库
- 总结Ajax跨域调用问题
- PHP中运用jQuery的Ajax跨域调用实现代码
- JavaScript:全面解析 Ajax 跨站数据传输和 iframe 跨域名 js 调用
- 利用跨域资源共享(CORS)实现ajax跨域调用
- ajax跨域jsonp及jquery中的调用问题
- 利用跨域资源共享(CORS)实现ajax跨域调用
- 以短链服务为例,探讨免AppKey、免认证、Ajax跨域调用新浪微博API
- ext实现ajax调用接口加数据到grilpanel
- ajax jsonp跨域调用
- JavaScript:全面解析Ajax跨站数据传输和iframe跨域名js调用(6种方法)