关于Ajax如何连接数据库?

关于Ajax如何连接数据库?,第1张

既然是用AJAX,当然AJAX是调用服务端方法访问数据库再对数据库进行增、删、改。首先你要理解WEB编程的原理,当一个网页打开后你和服务端的连接是己经断了的,服务端保存不了你当前的状态。不象CS编程。

AJAX是客户端的,你肯定不能直接在前台javascript中访问服务端的数据库。

用AJAX第一步,你必需要写好服务端的一个方法,如写一个删除的方法doDelObject(string id){...}你在客户端就调用这个方法。参数是你要删除数据的ID,如:doDelObject(ID001),然后服务端删除完毕后就会返回这个方法的值给你。删除的具体方法那就和AJAX无关了。

 另外,做AJAX有好多框架选择,建议你用jquery,如果是.net2003的话有ajaxpro,2005的话有AjaxControlToolkit等。

在触发方法里捕获输入的值,作为参数用ajax发送请求。请求页面里根据这个参数查询数据库返回结果。

---简单示意---

<script type = "text/javascript ">

var xmlHttp

function doStart(value)

{

var namevalue = value

createxmlHttpRequest()

var url = "请求页面 name= "+namevalue

xmlHttp.open( "get ",url , true)

xmlHttp.onreadystatechange = startCallback

xmlHttp.send(null)

}

startCallback()

{

if (xmlHttp.readyState == 4) {

if (xmlHttp.status == 200) {

var agevalue = xmlHttp.responseXML.getElementsByTagName( "age ").item(0).firstChild.nodeValue

var obj = document.getElementById( "inputbox1 ")

obj.value = agevalue

}

}

}

</script>

...

<input type= "text " id= "inputbox1 " onChange=Start(this.value) />

...

ajax如何同步调用:

直接在$.ajax()中设置async:

false$.ajax({ type: "POST",  (http请求方式)

url: "XMLServer",   (服务器段url地址)

data: "username=" + username, (发送给服务器段的数据)

dataType: "html", (告诉JQuery返回的数据格式)

success: callback,(定义交互完成,并且服务器正确返回数据时调用的回调函数)

使用$.ajaxSetup({async: false})(首选)

ajax如何同步调用的延伸:

设置ajax.post 方法同步步骤:

要清楚ajax的格式。

控制同步和异步的参数。

使用方式。


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

原文地址: https://outofmemory.cn/sjk/6718762.html

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

发表评论

登录后才能评论

评论列表(0条)

保存