jquery怎样把数据库的数据展示在网页上!

jquery怎样把数据库的数据展示在网页上!,第1张

jquery就是javascript,是客户端的脚本语言,是没有办法直接访问数据库的。 如果需要与数据库进行交互,就用ajax。 你如果对ajax不了解的话就到网上看看,有很多现成的教程。 jquery自带ajax的函数,比如$ajax,$post,$get等等。

JQuery有很多都可以实现异步请求,如$get() $post() $load() $ajax()

我简单的给你说说$get()的简单用法

$get()的无参数请求后台html数据然后显示在DIV(后台用简单的sevlet)

JS代码:

$(function(){/ 窗体加载 /

$("#按钮ID")click(function(){/ 绑定按钮点击事件 /

var url="XXXXXaction";/ 后台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(>

JQuery构造一个form对象,然后formsubmit();就等于是普通form表单向后台提交了!

//创建一个form对象

var form = documentcreateElement("form");

//将form对象添加到body中

documentbodyappendChild(form);

//设置form的属性,等价于<form action="XXXaction" method="post"></form>

formaction = 'QuestionAction!pAsk';

formmethod = 'post';

//创建隐藏input

var newInput = documentcreateElement("input");

newInputsetAttribute("type","hidden");

newInputsetAttribute("name","title");

newInputsetAttribute("value",title);

//将隐藏input添加到form中

formappendChild(newInput);

//提交form对象

formsubmit();

以上就是关于jquery怎样把数据库的数据展示在网页上!全部的内容,包括:jquery怎样把数据库的数据展示在网页上!、如何用jquery获取从数据库传来的值、怎样用jquery 将表单的数据上传到数据库中等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/sjk/10090155.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存