1.当读者(readerId)文本框失去焦点时获得输入的读者的id值,并通过ajax传到后台acion中去。
$("#readerId").blur(function(){
var readerId=$("#readerId").val();$.ajax({
type:"post",
url:"<%=request.getContextPath()%>/selectReadersById1.action",
data:{"readerId":readerId},
dataType:"text",
success:function(data)
{
var myobj=eval(data);
//for(var i=0;i<myobj.length;i++){
$("#readerName").val(myobj[0].name);
$("#borrowNum").val(myobj[0].maxNum);
$("#yajin").val(myobj[0].keepMoney);
//}
}
})
})
2.后台action接收ajax传过来的值,并进行唯一查询,获得相对应的读者信息。
public void selectReadersById1(){
HttpServletRequest request=ServletActionContext.getRequest();
HttpServletResponse response= ServletActionContext.getResponse();
String id=request.getParameter("readerId");
Readers readers=readersBiz.selectReaderById(Integer.parseInt(id));
if (readers!=null) {
JSONArray jsonarray = JSONArray.fromObject(readers); //将读者信息转换成json格式
response.setContentType("text/html;charset=UTF-8");
try
{
response.getWriter().print(jsonarray);//传给ajax
System.out.println(jsonarray);
}
catch (IOException e)
{
e.printStackTrace();
}
}
}
//就是上面ajax中解析json数据
success:function(data) { var myobj=eval(data); //for(var i=0;i<myobj.length;i++){ $("#readerName").val(myobj[0].name); $("#borrowNum").val(myobj[0].maxNum); $("#yajin").val(myobj[0].keepMoney); //}
原文链接:https://www.f2er.com/ajax/164937.html