如何通过jQuery获取后台数据库的信息

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何通过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包。
希望对你有帮助。。。
参考技术A 后台写个action获取后台数据库的信息,通过jQuery访问这个action 参考技术B 我一般
jQuery.ajax(
type: "POST",
url: "",// 要请求的后台页面
data: "" ,// 要传的参数
dataType:'json',
success: function(json)
得到json 内容 赋值给标签
,
error:function()
alert('ajax 失败');



);
参考技术C 可以通过jQuery的ajax方法,调用后台的Action或者Servlet

react中向后台服务器发送一请求 后台接口返回的是byte[]类型的图片 我现在如何在前台界面中显示它?

目前很流行的方式是通过JQuery中的 AJAX 方法来获取数据,引入JQuery后使用 $.ajax() 去访问特定的url地址,通过GET、POST等方式进行数据通信。本文中采用的方式是通过 Fetch 方法来进行数据通信,同样可以向后台服务器发起GET、POST等 参考技术A 自己动手,就会显示了。 参考技术B 目前很流行的方式是通过JQuery中的 AJAX 方法来获取数据,引入JQuery后使用 $.ajax() 去访问特定的url地址,通过GET、POST等方式进行数据通信。本文中采用的方式是通过 Fetch 方法来进行数据通信,同样可以向后台服务器发起GET、POST等请求。各位也可以直接使用原生的 XMLHttpRequest 方法来实现。 参考技术C 过了就知道欺负我一个都没有时间去看看你有没有觉得好看啊?你不理我了吗

以上是关于如何通过jQuery获取后台数据库的信息的主要内容,如果未能解决你的问题,请参考以下文章

react中向后台服务器发送一请求 后台接口返回的是byte[]类型的图片 我现在如何在前台界面中显示它?

JQuery ajax 传到后台的数据是map<key value>类型,后台如何获取这个数据?

JQuery POST json 数据在后台怎么获取数据?

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

ajax怎么获取后台的数据?

JQuery EasyUI Datagrid获取不到后台传递过来的数据,为啥?在线求答!