先抛出一般结构:
$.ajax({
type:"get",
url:"Stu_Servlet",
data:{"type":"select",
"student_id":stu_id,
"message":p},
success:function(data){
alert(data);
}
});
$当然是jquery()了,这样的话导入jQuery是必然的。
type:常用的是post和get、
url:就是访问路径了、(我这里是自己的代码,传到servlet)
data:{}是要传入的参数、这里传入了三个参数,后台可以通过String type=req.getParameter("type");获取信息。后台处理完这些数据,一般通过resp.getWriter().print(json);返回数据,这里的json传到前台就是function(data)中的data了。
这里就谈谈json数据的处理:
Var User={
"username":"andy",
"age":20,
"info":{ "tel": "123456", "cellphone":"98765"},
"address":
[
{"city":"beijing","postcode":"222333"},
{"city":"newyork","postcode":"555666"}
]
}
这是一段json类型的数据:
获取andy user.username,注意最外层的是大括号
同理获取tel user.info.tel
那么当要获取newyork呢?
Newyork user.address[1].city。
充满了数组与键值对的思想,[]代表的就是数组,通过下标索引值获取,{}代表的就是键值对思想,通过key(键)获取值。
当然对于后台传过来的String类型的json数据,需要
var datas=JSON.parse(data);或者
var datas=eval("("+data+")");
而后台的数据序列化:String json=JSONUtil.serialize(course_timetable);
需要引入什么包自行百度下载
我这里引入的是
import org.apache.struts2.json.JSONException;
import org.apache.struts2.json.JSONUtil;