jsonp跨域访问(Get方式)
2016-06-22 09:54
316 查看
前端代码:
$.ajax({
type: "GET",
url: "http://127.0.0.1:8081/webp/servlet/PersonListServlet?pname="+encodeURI(encodeURI(pname))+"&email="+email,
dataType: "jsonp",
jsonpCallback: "OnGetMemberSuccessByjsonp"//回调处理函数
});
function OnGetMemberSuccessByjsonp(data) {
//处理data
var arr = data.personlist;
for(i = 0; i < arr.length; i++) {
var person = arr[i];
alert(person.pid+"--"+person.department.deptmentName+"--"+person.email);//注意pid department必须和Person类的属性完全一致,包括大小写
}
}
后端代码:
Servlet类:
List<Person> list = PersonDao.getPersonByCon(condition);
String json = JSONArray.fromObject(list).toString();
//System.out.println(json);
String result = "{\"personlist\":"+json+"}";
String callback = req.getParameter("callback");
String jsoncallback =( callback + "("+result+")").replaceAll("\"", "\'");
//System.out.println(jsoncallback);
PrintWriter out = resp.getWriter();
out.print(jsoncallback);
out.flush();
out.close();
Person类:
public class Person {
private int Pid;//id
private String email;//邮箱
private String telephone;//手机
private Department department;//部门
}
$.ajax({
type: "GET",
url: "http://127.0.0.1:8081/webp/servlet/PersonListServlet?pname="+encodeURI(encodeURI(pname))+"&email="+email,
dataType: "jsonp",
jsonpCallback: "OnGetMemberSuccessByjsonp"//回调处理函数
});
function OnGetMemberSuccessByjsonp(data) {
//处理data
var arr = data.personlist;
for(i = 0; i < arr.length; i++) {
var person = arr[i];
alert(person.pid+"--"+person.department.deptmentName+"--"+person.email);//注意pid department必须和Person类的属性完全一致,包括大小写
}
}
后端代码:
Servlet类:
List<Person> list = PersonDao.getPersonByCon(condition);
String json = JSONArray.fromObject(list).toString();
//System.out.println(json);
String result = "{\"personlist\":"+json+"}";
String callback = req.getParameter("callback");
String jsoncallback =( callback + "("+result+")").replaceAll("\"", "\'");
//System.out.println(jsoncallback);
PrintWriter out = resp.getWriter();
out.print(jsoncallback);
out.flush();
out.close();
Person类:
public class Person {
private int Pid;//id
private String email;//邮箱
private String telephone;//手机
private Department department;//部门
}
相关文章推荐
- Part 6: Understanding Backbone.js Views
- javascript 键盘输入过滤,只能输入数字,小数一位且只能输入5
- JS 语言中的注意点
- 用javsscript写的winform程序
- JS随机打乱数组的方法小结
- JS产生随机数的几个用法详解
- C#解析json文件的方法
- 倒计时模块与使用
- JS 语言 运动 旋转公式
- Javascript createDocumentFragment提搞創建DOM性能
- JavaScript语法
- JS 日期与时间戮相互转化的简单实例
- 静态页面html中跳转传值的JS处理技巧
- 浅谈JavaScript for循环 闭包
- Javascript获取随机数的实现方法
- Jsoup解析HTML页面数据(又扒到1万+的数据)
- JSP 学习二
- js时间戳
- WEB编程的套路——简单好用的js函数(3)
- JavaScript 检查一个 JSON 对象中是否对存指这下的 Key