zoukankan
html css js c++ java
使用XmlHttp结合ASP实现网页的异步调用
通过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
=
button value
=
"
异步调用
"
onclick
=
"
fnDo(document.all.txtInput.value)
"
>
<
input type
=
text id
=
txtInput
>
<
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那个页面里根据发送的参数做一些复杂的出来,随后把结果返回出来。
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
Paypal开源nodejs框架研究(一)KrakenJs
CoffeeScript 陷阱
nodejs express route 的用法
Moogoose实践之:Schema写全很重要,不然会把时间浪费在调错上!
微软新一代输入法框架 TSF
VC++在Win7和Win8系统下获得百度输入法的名字
两款MongoDB的可视化管理工具
网易开源游戏服务器框架-Pomelo实践(一)
WinDbg之Page Heap实践
MongoDB 备份与恢复的实践
原文地址:https://www.cnblogs.com/Dicky/p/122530.html
最新文章
关于《asp.net下web控件点评》中的一些看法
jQuery UI 应用不同Theme的办法
关于MVC权限控制的一点小想法
剑指offer
剑指offer
Dubbo
Dubbo
Java8
Java8
ActiveMQ
热门文章
mysql 表压缩
Percona5.6源码安装
InnoDB: The innodb_system data file 'ibdata1' must be writable错误
XtraBackup备份
.frm和.ibd恢复数据
解决Navicat无法连接到Mysql
-bash: ./bak_1.py: /usr/bin/python^M: bad interpreter: 没有那个文件或目录
Percona 5.7安装
show status和show variables区别解析
sed命令
Copyright © 2011-2022 走看看