調用ajax 跨域調用介面

標籤：http   io   os   ar   資料   sp   c   on   cti   

//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 跨域調用介面