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
查看全文
相关阅读:
ATM
Python不同目录间模块调用
Python跨目录调程序
Python软件目录结构规范
进程的创建-multiprocessing
进程
多任务版udp聊天器
死锁
互斥锁
同步
原文地址:https://www.cnblogs.com/Dicky/p/122530.html
最新文章
Android开发时,那些相见恨晚的工具或网站!
优雅的实现多类型列表的Adapter
MVP+Dagger2+Rxjava+Retrofit+GreenDao 小应用,包含新闻、图片、视频3个大模块,代码整洁干练
【Android】Retrofit网络请求Service,@Path、@Query、@QueryMap...
RxJava + Retrofit完成网络请求
【Android】RxJava的使用(四)线程控制 —— Scheduler
cas 服务端、客服端详细配置
java使用tomcat7的maven插件发布到服务器
java 导出word 并下载
【转】javascript浏览器参数的操作,js获取浏览器参数
热门文章
【笔记】jstree插件的基本使用
css 的一些基本操作
Linux 安装MySQL
Linux Supervisor 守护进程基本配置
接口测试及常用接口测试工具
接口测试总结
Python内置方法中不明了的部分
Python内置方法
Python 时间模块
Python 模块详解及import本质
Copyright © 2011-2022 走看看