ajax解析结合json格式

前端之家收集整理的这篇文章主要介绍了ajax解析结合json格式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

猜你在找的Ajax相关文章