ajax解析结合json格式
2014-05-07 14:03
253 查看
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);
//}
$("#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);
//}
相关文章推荐
- Javascript中的setInterval和setTimeout的使用总结
- 前端工程师的修真秘籍(css、javascript和其它)
- JS 实现自定义滚动条 实现透明度控制和滚动条
- js无缝滚动原理及其使用注意点
- JS 实现自定义滚动条 实现透明度控制和滚动条
- JS 实现自定义滚动条 实现透明度控制和滚动条
- JS验证
- JavaScript 覆盖document.createElement 方法 解决window.close在火狐下不兼容问题)
- JavaScript 覆盖document.createElement 方法
- JavaScript高级程序设计11.pdf
- Javascript代码优化技巧
- 前端工程师的修真秘籍(css、javascript和其它)
- JS获取浏览器类型
- Validform_v5.1.js BUG 动态加载 datatype 属性
- javascript触发input:file的选择事件及只触发一次的解决
- js得到文件后缀名
- JS通用表单验证函数,基于javascript正则表达式 [转]
- javascript你应该知道的七件事
- JS重载
- JS模仿alert弹出文本域输入框