求一个jquery ajax请求servlet获取数据库数据，并显示在页面的例子

求一个jspjqueryajax请求servlet获取数据库数据，并显示在页面的例子，多谢... 求一个jsp jquery ajax请求servlet获取数据库数据，并显示在页面的例子，多谢展开

 我来答

1个回答

#热议# 在购买新能源车时，要注意哪些？

lwj6156129
推荐于2017-11-24 · TA获得超过315个赞

知道答主

回答量：48

采纳率：0%

帮助的人：39.9万

我也去答题访问个人页

关注

展开全部

假设：
1、你的页面在Web-Root下，内容为： <div id="showMsg"></div><input type="text" id="userName" />，所用编码为utf-8
2、你的servlet为： HelloWorldServlet.java 映射路径为 servlet/helloWorldServlet
步骤：
1、引入jquery-1.6.4.min.js
2、编写id为userName的输入框的点击触发函数：
$("#userName").keyup(function(){
$.ajax({
type: "post",
url: "servlet/helloWorldServlet?userName="+$(this).val(),
dataType: "json",
success: function(data){
$("#showMsg").html(data.msg);//修改id为showMsg标签的html
}, error: function(){
alert("请求出错");
}
})
})
3、后台处理接收到的内容：
request.setCharactorEncoding("utf-8");
String userName = request.getParameter("userName");
response.setCharactorEncoding("utf-8");
PringWriter out = response.getWriter();
out.print("{\"msg\":\"你好~~"+userName+"!\"}");

注意事项：
1、这里的编码统一为utf-8
2、请求路径servlet/helloWorldServlet为相对路径，因此你的页面必须在项目的Web-Root下（也就是默认的web文件夹下，名字可能因项目配置不同而改变）
3、没了，记得给分哦，打字很辛苦的~

更多追问追答

追问

如果我有多条数据呢？

追答

这个需要你自己去看json数据格式，以下是一个例子供你参考：
 {"name":"Arthur","age":"18","result":[{"english":88,"math":"75","physics":"92"}],"other":"hahahah"}

那么，前台解析的话，要得到那个result数据，应该为：
success: function(data){
    var result = data.result;
    alert(result.english+"    "+result.math+"    "+result.physics)
})

同理，更多层，更复杂的，也是一样  x.xx.xxx.xxxx，用这种方式获取