使用xmlHttp结合ASP实现网页的异步调用

程序员文章站 2022-08-10 19:10:46

通过xmlhttp和asp的结合，我们可以轻松完成网页的异步调用。代码如下：1.新建display.asp(这是前台显示页面)注意xmlhttp.ready...

通过xmlhttp和asp的结合，我们可以轻松完成网页的异步调用。
代码如下：
1.新建display.asp(这是前台显示页面)
注意xmlhttp.readystate的4个属性
1:loading;2:loaded;3:interactive;4:completed

<%@ language=vbscript %>
<html>
<head>
<meta name="generator" content="microsoft visual studio 6.0">
</head>
<script language="javascript">
xmlhttp = new activexobject("msxml2.xmlhttp");
function fndo(id)
{
var xmldom = new activexobject("msxml2.domdocument");
var strurl = "getinfo.asp?id=" + id;

xmlhttp.open("post",strurl , true);
xmlhttp.onreadystatechange = fnrun;

xmlhttp.send(xmldom);

divtest.innerhtml = "loading..."
}
//--------------------------------------------------------
function fnrun()
{
var state = xmlhttp.readystate;

var xmldom = new activexobject("msxml2.domdocument");

if (state == 4)
{
xmldom.loadxml(xmlhttp.responsexml.xml);
//alert(xmldom.documentelement.selectsinglenode("//objxml").text)
var getinfo = xmldom.documentelement.selectsinglenode("//objxml").text;
divtest.innerhtml = getinfo
}
}
</script>
<body>
<input type=text id=txtinput>
<input type=button value="异步调用" onclick="fndo(document.all.txtinput.value)">
<div id=divtest></div>

<p> </p>
</body>
</html>
2.在建立getinfo.asp(这是后台处理页面)
<%
dim sid,objresult

sid = trim(request("id"))
'sid = 28

set objresult = server.createobject("msxml2.domdocument")
objresult.loadxml ("<objxml></objxml>")
'**************************************************************

'**************************************************************

objresult.selectsinglenode("objxml").text = "get:" & sid

response.contenttype = "text/xml"
objresult.save (response)
response.end

set objsch = nothing
set objresult = nothing
%>

3.运行display.asp页面，在文本框里输入内容，点击按钮，可以看到loading的提示，随后在不刷新页面的情况下得到了文本框里的内容。当然你也可以在getinfo.asp那个页面里根据发送的参数做一些复杂的出来，随后把结果返回出来

上一篇： Asp生成HTML方法大全

下一篇：编程知识点(1)关键词之存储类型

使用xmlHttp结合ASP实现网页的异步调用

python使用multiprocessing模块实现带回调函数的异步调用方法