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 這個可以驗證你的正確性
這個問題其實網上很多的，仔細找找，肯定有所收獲