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
查看全文
相关阅读:
180726-InfluxDB基本概念小结
180725-InfluxDB-v1.6.0安装和简单使用小结
zepto的tap事件的点透问题的几种解决方案
ZeroclipboardJS+flash实现将内容复制到剪贴板实例
HighchartsJS创建点状带标识的图表实例
HighchartsJS创建环形带标识的图表实例
Bootstrap 4上线啦!!!
jquery插件jquery.LightBox.js之点击放大图片并左右点击切换图片(仿相册插件)
如何通过js和jquery获取图片真实的宽度和高度
js判断图片加载完成后获取图片实际宽高
原文地址:https://www.cnblogs.com/Dicky/p/122530.html
最新文章
牛客网sql刷题解析-完结
转载-ThreadPoolExecutor里面4种拒绝策略(详细)
策略模式与工厂模式
关于Zookeeper
Zookeeper简单操作使用(一)
分布式事务的现象及理解
分布式事务框架 --- TCC
分布式事务框架 --- Seata
分布式锁的相关的CAP理论总结
分布式锁相关知识预热
热门文章
Netty (一) 线程模型
偏向锁 与 轻量级锁
CAS compare and swap 比较并交换
180813-Spring之RestTemplate使用小结一
180807-Quick-Task 动态脚本支持框架之Groovy脚本加载执行
180801-Spring之定时任务基本使用篇
180804-Spring之动态注册bean
180803-Spring定时任务高级使用篇
180730-Spring之RequestBody的使用姿势小结
180727-时序数据库InfluxDB之备份和恢复策略
Copyright © 2011-2022 走看看