$.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方法,个人理解,不专业
大致是两个步骤:客户端触发读取数据请求,服务器端接收请求查询数据库并返回结果。
1、客户端请求
假设从页面的下拉列表中选择一个客户,当用户在下拉列表中选择某个客户时,会执行名为 "showCustomer()" 的函数。该函数由 "onchange" 事件触发:
function showCustomer(str){
var xmlhttp
if (str=="")
{
document.getElementById("txtHint").innerHTML=""
return
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest()
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText
}
}
xmlhttp.open("GET","getcustomer.asp?q="+str,true)
xmlhttp.send()
}
2、服务器端响应,asp示例:
<%response.expires=-1
sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID="
sql=sql & "'" & request.querystring("q") & "'"
set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("/db/northwind.mdb"))
set rs=Server.CreateObject("ADODB.recordset")
rs.Open sql,conn
response.write("<table>")
do until rs.EOF
for each x in rs.Fields
response.write("<tr><td><b>" & x.name & "</b></td>")
response.write("<td>" & x.value & "</td></tr>")
next
rs.MoveNext
loop
response.write("</table>")
%>
显示数据的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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)