ajax获取数据库数据
Ⅰ jsp中，用ajax获取数据
jsp中用ajax获取数据的例子如下：
jsp代码：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<HEAD>
<TITLE>留学生系统</TITLE>
<META http-equiv=Content-Type content="text/html; charset=GBK">
<SCRIPT language=JavaScript type=text/JavaScript>
var XMLHttpReq = false;
//ajax接口
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttpReq = new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
XMLHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
}catch(e){
try{
XMLHttpReq = new ActiveXObject("Mircsoft.XMLHTTP");
}catch(e1){}
}
}
}
function sendRequest(url){
createXMLHttpRequest();
XMLHttpReq.open("GET",url,true);
XMLHttpReq.onreadystatechange = processResponse;
XMLHttpReq.send(null);
}
function processResponse(){
if(XMLHttpReq.readyState == 4){
if(XMLHttpReq.status == 200){
var res = XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
window.alert(res);
document.myform.userid.value="";
document.myform.pwd.value="";
}else{
window.alert("你请求的页面有异常1");
}
}
}
function userCheck(){
var userid = document.myform.userid.value;
var pwd = document.myform.pwd.value;
if(userid == ""){
window.alert("用户名不能为空");
document.myform.pwd.value="";
document.myform.userid.focus();
return false;
}else{
sendRequest("login?userid="+userid);
}
}
function pwdCheck(){
var pwd = document.myform.pwd.value;
var pwd2 = document.myform.pwd2.value;
if(pwd!=pwd2){
window.alert("密码不一致");
document.myform.pwd.value="";
document.myform.pwd2.value="";
document.myform.pwd.focus();
return false;
}
}
</SCRIPT>
<LINK href="css/css.css" type=text/css rel=stylesheet>
</HEAD>
<body>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" >
<tr>
<td width="17%"><img src="images/logo.jpg" width="124" height="101"></td>
<td width="558" height="101" background="images/banner.jpg"><div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="558" height="101">
<param name="movie" value="images/2.swf">
<param name="quality" value="high">
<embed src="images/2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="558" height="101"></embed>
<param name="wmode" value="transparent">
</object>
</div></td>
<td width="11%"><table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td height="30" class="style1"><div align="center">设为首页</div></td>
</tr>
<tr>
<td height="30" class="style1"><div align="center">收藏本站</div></td>
</tr>
<tr>
<td height="30" class="style1"><div align="center">联系我们</div></td>
</tr>
</table></td>
</tr>
</table>
<form method="post" action="control.jsp?action=register" name="myform">
<table width="300" border="0" align="center" bgcolor="#F0F0F0">
<tr>
<td align="center">用户名</td>
<td><input name="userid" type="text" size="20" onblur="userCheck()"></td>
</tr>
<tr>
<td align="center">真实姓名</td>
<td><input name="username" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">性别</td>
<td>
<input type="radio" name="sex" value="0" checked="checked">男
<input type="radio" name="sex" value="1">女
</td>
</tr>
<tr>
<td align="center">密码</td>
<td><input name="pwd" type="password" size="20"/></td>
</tr>
<tr>
<td align="center">密码确认</td>
<td><input name="pwd2" type="password" size="20" onblur="pwdCheck()"/></td>
</tr>
<tr>
<td align="center">电子邮箱</td>
<td><input name="email" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">学校</td>
<td><input name="school" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">电话号码</td>
<td><input name="phonenum" type="text" size="20"/></td>
</tr>
<tr>
<td align="center"><img border=0 src="image.jsp"></td>
<td><input type=text name=in maxlength=4 size="8"></td>
</tr>
<tr>
<td align="center"><input type="submit" value="确定" /></td>
</tr>
</table>
</form>
</body>
</html>
Ⅱ 如何使用ajax读取数据库中的数据
function test(bid){
$.ajax({
type:"GET",
url:"/test.php?ac=ss&bid="+bid+"&date=" + new Date(),
success: function(data){
alert(data)
}
});
}
给你发一个简单例子，test.php去获取数据库内容，可以返回不同的数据，如一般的text,也可以是json等多种类型，接收的时候需要做不同的处理
记得在此之前一定先调用JQ库，这是JQ的AJAX方法，个人理解，不专业
Ⅲ 如何利用ajax将servlet从数据库中取得的数
显示数据的jsp页面发送ajax请求servlet获取表格的html然后设置容器的innerHTML就行了
demo，居于jquery的，注意servlet需要将数组组合成table的html代码返回，而不是直接返回数组，ajax接受的数据只有xml和字符串2种
<script
type="text/javascript"
src="jquery.js"></script>
<script
type="text/javascript">
$(function
()
{
$.ajax({
url:
'xxxxxxxx.do',
//servlet的url，注意要组合成table的html然后返回就行了
cache:
false,
dateType:
'html',
success:
function
(data)
{
$('#dv').html(data);
},
error:
function
(xhr)
{
alert('servlet出错\n'+xhr.status+'\n'+xhr.responseText);
}
});
});
</script>
<div
id="dv"></div>
Ⅳ ajax获取数据库数据 求助一2级下拉框的级
1、首先在数据库中获取第一个下拉框的数据：
<s:select listKey="tsFrom" id="t_tsfrom" cssClass="required"
listValue="tsFrom" cssStyle="width:90" list="tsfrom1"
name="tsFrom" theme="simple" headerKey=""
onchange="getTsFromDescribe(this);" headerValue="--请选择--" />
后台处理：
@Autowired
private CustomMaManager custommamanager;//注解相当的好用啊，代码都省了一大截
tsfrom1 = custommamanager.getTsFrom();
Service：
//得到投诉来源
public List<CustomManage> getTsFrom(){
return custommanage.getTsFrom();
}
:
/**得到产品类型**/
public List<CustomManage> getTsFrom(){
return this.find("SELECT distinct new CustomManage(tsFrom,'2') FROM CustomManage C WHERE C.tsFrom IS NOT NULL ORDER BY tsFrom ASC");
}
注意：Oracle在java代码里取出重复值与SqlServer不一样，它得使用：
复制代码代码如下:
SELECT distinct new CustomManage(tsFrom,'2') FROM CustomManage C WHERE C.tsFrom IS NOT NULL ORDER BY tsFrom ASC
先new实体bean（CustomManage） 然后在实体bean中给相应字段设置构造方法,不然将会出现后台已经返回了值，但是在前台下拉框中不显示，下拉框空白的现象。
public CustomManage(String khname,int s){
this.khname=khname;
}
public CustomManage(String cpname,String type){
if("1".equals(type)){
this.cpname=cpname;
}else if("2".equals(type)){
this.tsFrom=cpname;
}else if("3".equals(type)){
this.khname=cpname;
}
}
这里需要在bean的实体类里面加入相应的构造方法，以此来供去重使用。
至此第一级的数据准备已经差不多了。使用S标签的list集合来获取后台传递过来的值。
2、第二级下拉菜单的级联====利用Ajax来获取数据
在第一级列表的onchange事件中编写：
//投诉信息来源信息级联
function getTsFromDescribe(ts_describe){
var tsfrom = $("#t_tsfrom").val();
var tstsFrom = $("#ts_tsFrom").val();
Ext.Ajax.request( {
url : '${ctx}/complaints/complaints!getTsFrom.action',
params : {
tsfrom : tsfrom//通过json形式将前台每次获取到的值传递给后台
},
success : function(response) {
var json = Ext.util.JSON.decode(response.responseText);
if (json.success) {
var data = json.<strong>cmList</strong>;
if ("" == data) {
alert("请选择投诉类型");
inputForm.t_tsfrom.focus();
$("#ts_tsFrom").empty();//每次需要将上一次的数据进行清空
} else {
$("#ts_tsFrom").empty();
//对获取到的数据进行迭代
for ( var i = 0; i < data.length; i++) {
var id = data[i];
var name = data[i];
$("#ts_tsFrom").append(
"<option value='" + id + "'>" + name + "</option>");
}
dwr.util.removeAllOptions('tstsFrom');
dwr.util.addOptions('tstsFrom', data);
}
}
}
});
}
后台返回数据：
public void getTsFrom() throws Exception {
HttpServletResponse response = ServletActionContext.getResponse();
String ts_names = tsfrom;
List<CustomManage> list = complaintsmanager.getTsDescribe(ts_names);
response.setContentType("text/javascript"); // 后台控制的代码
PrintWriter writer = response.getWriter();
// 将得到的list集合转为JSON对象传给前台处理
JSONArray j = JSONArray.fromObject(list);
writer.println("{'success':true,'<strong>cmList</strong>':" + j.toString() + "}");
}
到此一个从数据库里动态获取值，并且实现二级菜单级联的功能就做的差不多了。发表出来希望对你对我都有好处哈。
这里加注一点就是在修改的时候下拉框的值不会保存，就是上一次点击提交的时候保存在数据库里的值无法填充到下拉框。
处理办法：
var op1 = document.getElementById("op1").value;
if(op1!=null){
$("#cp_validity").val(op1); //将取出来的值塞到下拉框中。一个萝卜一个坑
}
<input type="hidden" id="op1" value="${compDisposal.validity}">//使用表达式将存在数据库里的值取出来，放在隐藏域里面
Ⅳ ajax怎么定时读取数据库中的信息
function showLogs()
{
$("#table2").empty(); //这是清空原来的数据
$.ajax({
type:"post",
url:"<%=request.getContextPath()%>/logs/queryLogsInfo.action",
dataType:"json",
success:function(data)
{
for ( var i = 0; i < data.length; i++)
{
$("#table2").append("<tr style='line-height:25px;'>"
+"<td width='5%'>"+data[i].id+"</td>"
+"<td width='5%'>"+data[i].receive+"</td>"
+"<td width='8%'>"+data[i].data+"</td>"
+"<td width='10%'>"+data[i].dataLength+"</td>"
+"</tr>");
}
}
})
}
var t = setInterval("showLogs()", 1000); //隔1秒就查询一次数据
Ⅵ ajax如何获取数据，数据排序
引入jquery，然后
$.ajax({ type: 'get', url: "xxx.jsp", data: "n=xx&desc=id", async: true,
success: function (isok) {
//获取数据后显示
},
error: function () {
//获取出错的操作
}
});
数据排序可以在data参数列表中传入排序字段，然后在查询数据库时根据传入的参数排序
Ⅶ ajax怎么实现向数据库添加数据
ajax主要是用来实现异步操作的，ajax会向一个可以操作数据库的脚本语言（例如php）文件发出请求，同时传递参数和数据，在php文件中，通过插入数据库的代码，实现添加数据，然后返回成功的标志，ajax就根据这个标志来判断是否成功。
Ⅷ ajax获取数据库的数据
这个问题问的太广了，真不好回答，jQuery学过没？如果没有可以快速的入下门，会用到里面ajax这个方法，你就上网查，光了解这个方法，后台处理完返回给前台，会用到XML或json，现在比较流行json，这个简单，就是一String，只不过要求格式，你去它网站看看就明白了
麻烦采纳，谢谢!
Ⅸ ajax如何获取到数据库里面的东西，然后用select option获取到
主要是ajax请求的php页面，php页面操作数据库获取数据，并把获取的数据返回到js中，js在进行拼接数据，用js替换掉select-option内容
Ⅹ jquery ajax怎么从数据库查询数据
AJAX 其实说白了就是页面级调用程序方法的一个行为吧
其中不管是 $.ajax或者是$.post、$.get，最主要的都是三个参数url、参数、返回结果处理
例如：
$.post("你的制定后台路径一般处理程序",{"查询条件1"："查询条件1的值","查询条件2":"查询条件2"}，function(data){
//这里是处理 返回值 data就是你一般处理程序的 response
//这里处理 返回值 如弹窗
}，“JSON”)
至于一般处理程序，后台部分，就是通过 request的方式接收参数，然后通过SQL来查询数据库，这个我觉得 没什么问题吧
至于返回的时候，因为上面定义的是JSON返回类型，所以把结果输出成JSON格式，推荐一个网站 bejson.com 这个可以验证你的正确性
这个问题其实网上很多的，仔细找找，肯定有所收获