博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
调用ajax 跨域调用接口
阅读量:4569 次
发布时间:2019-06-08

本文共 1233 字,大约阅读时间需要 4 分钟。

//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) {
}
}

 

转载于:https://www.cnblogs.com/yy123/p/4011355.html

你可能感兴趣的文章
redis集合数据类型---SET
查看>>
php 字符串函数
查看>>
PHP数组函数
查看>>
PHP Math函数
查看>>
PHP Math常量
查看>>
idea使用git上传项目到coding
查看>>
SpringMVC+mybatis配置多数据源
查看>>
mybatis中条件查询大于等于和小于等于写法
查看>>
mybatis无法给带有下划线属性赋值问题
查看>>
java.lang.NoSuchMethodException: com.sun.tools.javac.util.List.<init>()
查看>>
Could not set property of class with value There is no setter for property named
查看>>
Could not find result map com.youotech.tl_cons_credit_rating.entity.Result
查看>>
Element ui 上传文件组件(单文件上传) 点击提交 没反应
查看>>
vue子传父、父传子
查看>>
centos安装ffmpeg4.2
查看>>
启动程序添加启动脚本
查看>>
CF1194E Count The Rectangles
查看>>
Gym100212C Order-Preserving Codes
查看>>
多校2019 Contest 2 hdu6602 Longest Subarray
查看>>
ARC076F Exhausted
查看>>