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
查看全文
相关阅读:
nacos 配置优先级
spring cloud 依赖查询
树-数据结构
CI/CD + docker 综合实战
CICD:CentOS 下 Jenkins 安装
生产环境 OOM 与 GC 问题的处理思路
如何优雅的进行接口管理
合并多个Execl 电子表格 java poi
深入了解数据导入的一些解决方案
浅谈导出Execl的报表数据解决方案
原文地址:https://www.cnblogs.com/Dicky/p/122530.html
最新文章
kafka权威指南(一)
springMvc@InitBinder()註解的使用
idea进阶使用笔记
Tomcat安全域
idea部署eclipse Web项目
图解协程调度模型-GMP模型
整理一波Go工程化目录结构~
对控制反转和依赖注入的突然顿悟
Go--Sync.Once的应用
.net5 项目配置数据库读写分离和负载均衡多从库查询
热门文章
EFCoreORM框架解析
.Net 5框架下的Web API+JWT or Identtityservice4
.Net 5+MVC+AOP扩展鉴权授权
.NetCore3.1 升级 .Net5 c#6 c#7 c#8 c#9 新语法
html 页面加载以及加载事件
flink table api 定义时间字段
Flink Table Api $"" $("") '
scala 可变长度参数
scala 上下文绑定、ClassTag、TypeTag、ClassManifest、Manifest
Paxos 算法
Copyright © 2011-2022 走看看