跨域访问:jquery ajax jsonp的实现方法(jsp和action方式)
2014-08-23 19:22
651 查看
[javascript]
<mce:script language="javascript"><!--
$(function(){
$.ajax({
type: "get",
url: "www.sssss.com/ddd.do",
data: {
area : "ddd",
areaid : "2",
categorySz : ["",
"",
"",
"",
"",
"208",
"",
"",
"205",
"205",
"206"
,"207,250,251,252,253"
,"207,254"
,"207,255"
,"207,256"
,"207,257"
,"207,258"
,"207,259"],
typeSz : ["520,1201,201",
"520,1201,202",
"520,1202",
"520,1203",
"520,1204",
"",
"521,1201,201",
"521,1201,202",
"1201,202",
"1202"
, ""
, ""
, ""
, ""
, ""
, ""
, ""
, ""],
categoryOrSz : ["",
"",
"",
"",
"",
"",
"",
"",
"",
""
, ""
, "250,251,252,253"
, ""
, ""
, ""
, ""
, ""
, ""]},
dataType : "jsonp",
jsonp: "callback",
async: false,
cache: false,
success: function(data){
if (data != null && data != "") {
}
}
});
});
// --></mce:script>
服务器端:
代码很简单,就是输出一个字符串
比如正常输出json应该是:[{"id":"1","name":"测试1"},{"id":"2","name":"测试2"}]
jsonp 则输出: jsonpcallback([{"id":"1","name":"测试1"},{"id":"2","name":"测试2"}]) 其中“jsonpcallback”是客户端传过来的
[java] view plaincopy
/**
*
* @param form
* @param request
* @param response
* @return
* @throws Exception
*/
public String ajaxGetMybusAllDataJsonp(ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
String callback = request.getParameter("callback");
JSONObject res = new JSONObject();
/*
* 处理方法
*
*/
res.put("d", "dddd");
// 可以避免前台显示出现乱码
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
out.print(callback + "(" + res.toString() + ")");
out.flush();
out.close();
return null;
}
<mce:script language="javascript"><!--
$(function(){
$.ajax({
type: "get",
url: "www.sssss.com/ddd.do",
data: {
area : "ddd",
areaid : "2",
categorySz : ["",
"",
"",
"",
"",
"208",
"",
"",
"205",
"205",
"206"
,"207,250,251,252,253"
,"207,254"
,"207,255"
,"207,256"
,"207,257"
,"207,258"
,"207,259"],
typeSz : ["520,1201,201",
"520,1201,202",
"520,1202",
"520,1203",
"520,1204",
"",
"521,1201,201",
"521,1201,202",
"1201,202",
"1202"
, ""
, ""
, ""
, ""
, ""
, ""
, ""
, ""],
categoryOrSz : ["",
"",
"",
"",
"",
"",
"",
"",
"",
""
, ""
, "250,251,252,253"
, ""
, ""
, ""
, ""
, ""
, ""]},
dataType : "jsonp",
jsonp: "callback",
async: false,
cache: false,
success: function(data){
if (data != null && data != "") {
}
}
});
});
// --></mce:script>
服务器端:
代码很简单,就是输出一个字符串
比如正常输出json应该是:[{"id":"1","name":"测试1"},{"id":"2","name":"测试2"}]
jsonp 则输出: jsonpcallback([{"id":"1","name":"测试1"},{"id":"2","name":"测试2"}]) 其中“jsonpcallback”是客户端传过来的
[java] view plaincopy
/**
*
* @param form
* @param request
* @param response
* @return
* @throws Exception
*/
public String ajaxGetMybusAllDataJsonp(ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
String callback = request.getParameter("callback");
JSONObject res = new JSONObject();
/*
* 处理方法
*
*/
res.put("d", "dddd");
// 可以避免前台显示出现乱码
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
out.print(callback + "(" + res.toString() + ")");
out.flush();
out.close();
return null;
}
相关文章推荐
- 跨域访问:jquery ajax jsonp的实现方法(jsp和action方式)
- jquery下利用jsonp跨域访问实现方法
- jsonp跨域访问实现方法
- jquery下利用jsonp跨域访问实现方法
- JSONP跨域访问,通过动态加入javascript实现
- JSP中实现网页访问统计的方法
- Struts2基于XML配置方式实现对Action方法进行校验
- JSONP跨域访问实现登录验证
- 基于xml配置方式实现对action中指定方法进行输入校验
- JSP中实现网页访问统计的方法
- 为Action的属性注入值两种方式,jsp页面访问该属性值
- 用jsonp实现跨域访问
- asp.net forms 身份验证方式下跨域登录信息共享的实现方法
- 基于XML配置方式对指定action方法实现输入校验
- 复习struts2之基于XML配置方式实现对action的所有方法进行校验
- 基于XML配置方式实现对action的所有方法进行校验
- asp.net forms 身份验证方式下跨域登录信息共享的实现方法
- Javascript中实现跨域访问的方法总结
- 跪求:jsp 实现的Cookie跨域访问(在线等)