調用ajax 跨域調用介面

來源:互聯網
上載者:User

標籤: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 跨域調用介面

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.