如何使用ajax读取数据库中的数据

如何使用ajax读取数据库中的数据,第1张

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方法,个人理解,不专业

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/htmlcharset=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>

这个问题问的太广了,真不好回答,jQuery学过没?如果没有可以快速的入下门,会用到里面ajax这个方法,你就上网查,光了解这个方法,后台处理完返回给前台,会用到XML或json,现在比较流行json,这个简单,就是一String,只不过要求格式,你去它网站看看就明白了

麻烦采纳,谢谢!


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

原文地址: http://outofmemory.cn/sjk/9948015.html

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

发表评论

登录后才能评论

评论列表(0条)

保存