如何用jquery获取从数据库传来的值
展开全部
JQuery有很多都可以实现异步请求,如$.get() $.post() $.load() $.ajax()...
我简单的给你说说$.get()的简单用法.
$.get()的无参数请求后台html数据然后显示在DIV(后台用简单的sevlet)
JS代码:
$(function(){/* 窗体加载 */
$("#按钮ID").click(function(){/* 绑定按钮点击事件 */
var url="XXXXX.action";/* 后台url名 */
var data={"Time":new Date().getMilliseconds(),"你的参数名":"你的参数值"};/* 参数,可以什么都不写,但为了每次获取不同的数据,习惯上要传一个"时间戳",后面还可以加你自己的数据,但必须是键值对类型的,如果有多个,用“,”隔开 */
$.get(url,data,function(data){/* 回调函数,其中data是从后台返回的html数据 */
$("#DIV的ID").text(data);/* 直接输出到DIV中 */
});
});
});
后台servlet代码:/* 你前台用的$.get(),后台就必须用doGet来取,同理前台$.post(),后台doPost.. */
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");/* 设定编码和返回类型 */
request.setCharacterEncoding("UTF-8");/* 设定参数编码 */
PrintWriter out = response.getWriter();
.........
out.print("你的数据");/* 将数据输入到缓冲区 */
}
至于其他的,你可以去看看JQuery的帮助文档,大多都是这样的。
除了html你还可以返回JSON格式的,不过要加JSON的JAR包。
我简单的给你说说$.get()的简单用法.
$.get()的无参数请求后台html数据然后显示在DIV(后台用简单的sevlet)
JS代码:
$(function(){/* 窗体加载 */
$("#按钮ID").click(function(){/* 绑定按钮点击事件 */
var url="XXXXX.action";/* 后台url名 */
var data={"Time":new Date().getMilliseconds(),"你的参数名":"你的参数值"};/* 参数,可以什么都不写,但为了每次获取不同的数据,习惯上要传一个"时间戳",后面还可以加你自己的数据,但必须是键值对类型的,如果有多个,用“,”隔开 */
$.get(url,data,function(data){/* 回调函数,其中data是从后台返回的html数据 */
$("#DIV的ID").text(data);/* 直接输出到DIV中 */
});
});
});
后台servlet代码:/* 你前台用的$.get(),后台就必须用doGet来取,同理前台$.post(),后台doPost.. */
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");/* 设定编码和返回类型 */
request.setCharacterEncoding("UTF-8");/* 设定参数编码 */
PrintWriter out = response.getWriter();
.........
out.print("你的数据");/* 将数据输入到缓冲区 */
}
至于其他的,你可以去看看JQuery的帮助文档,大多都是这样的。
除了html你还可以返回JSON格式的,不过要加JSON的JAR包。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询