用ASP实现XMLHttpRequest

最新推荐文章于 2023-05-26 22:53:13 发布
最新推荐文章于 2023-05-26 22:53:13 发布
阅读量1.3k 收藏
点赞数
文章标签： xmlhttprequest asp textbox microsoft function url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Happy_999/article/details/2437264
版权
目前好多语言都可以实现 Ajax ，像 Java, .Net 等等。其实 Ajax 的核心内容就是 XMLHttpRequest 。如果读者 XMLHttpRequest 不太了解，可以在 Google 上找找《 Dynamic HTML and XML ： The XMLHttpRequest Object 》这文章，介绍的比较详细，我也就不用对 XMLHttpRequest 进行过多的说明了。对下面讲解并演示在 ASP 中使用 XMLHttpRequest 来进行无刷新效果。

首先我们新建一个ASP页面，只要很简单的代码就可以了：

<html>
<head>
<script>
var req=null;
var dom = new ActiveXObject("Microsoft.XMLDOM");
var url='http://localhost/ajaxtest/action.asp?q=';
script>
head>
<body onload="loadHTTP()">
<form action="adtion.asp" name="Form1">
<INPUT type="text" ID="Text1" NAME="Text1"
onblur="InitReq(this.value)">
<DIV id=test>DIV>
form>
body>

大家可以看到在Head标签里我们声明了几个JS变量，这是为后边写JS作的准备。

然后我们用JS声明一个XMLHTTPRequest对象。


//declare a XMLHTTPRequest Object.
function loadHTTP()
{
if (window.ActiveXObject)
{
// Microsoft Way
req = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
// Others
req = new XMLHttpRequest();
}
}

TextBox的onblur事件将会触发一个InitReq方法，参数是这个TextBox自己的Value值。

再来看看InitReq方法是什么样的：

//initial it
function InitReq(_url)
{
req.open("GET",(url+_url),true);
req.onreadystatechange=HttpHandler;
req.send(null);
}

注意req.onreadystatechange=HttpHandler这一句，它告诉指出了函数HttpHandler是用来处理XMLHttpRequest的onreadystatechange事件的。那么一旦XMLHttpRequest的onreadystatechange被触发，那就将执行用户自定义的函数，当然名字可以随便，并不一定是要HttpHandler。
下边是我自己写的HttpHandler函数：

//handler
function HttpHandler()
{
if(req.readyState==4)
{
if(req.status==200)
{
var tt=document.getElementById("test");
tt.innerHTML=req.responseText;
}
else{alert('error!');}
}
}

OK，到目前我们的客户端功能就算完成了，只有三个函数，简单吧。呵呵。

这个页面只有一个TextBox文本框，用户可以在里边输入一些字符，当这个文本框失去焦点的时候页面就会有一个request到action.asp这个页面。为方便起见action.asp只是简单的返回用户输入的内容，表示成功收到：

<%if request.QueryString("q") <>"" then
response.Write(request.QueryString("q"))
end if
%>

到这儿已经全部完工，大家可以试一下，看看在文本框失去焦点以后是否像平常的提交一样会出现一个进度条，然后页面刷新？
Happy_999
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ASP利用xmlhttpPOST JSON数据案例解析
u011289462的博客
11-24 1135
ASP POST JSON数据及ASP接收JSON数据
asp用的xmlhttp方法集合，个人认为很有用
cooska's BLOG
12-03 1220
<br /><%<br />'==================================================<br />'函数名：GetHttpPage<br />'作 用：获取网页源码<br />'参 数：HttpUrl ------网页地址<br />'==================================================<br />Function GetHttpPage(HttpUrl)<br />If IsNull(HttpUrl)=True O
利用 xmlhttp 分块上传文件
微笑的黄捷
08-30 1412
编写思路:把本地文件在客户端通过base64编码以后发送目的地.测试过程中,上传文件过大,导致超时不成功.后来经过改善.把编码分段发送.测试20M成功编写目的:在传统的解决方案里面,一次一次选取上传可以.但是在碰到把数据库里文件路径读出来,并把这些文件上传到一个地方的时候就比较麻烦.如果得到路径一个一个去找到用ftp当然也是可以的,但每次找这些文件我看都会比较费时。这里编写这个主要就是为了通过
ASP采集数据时XmlHttp组件的三种不同版本（方式）
qhdzj87的专栏
01-16 272
XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。 XmlHttp的三种版本方式： Microsoft.XMLHTTP Msxml2.XMLHTTP Msxml2.ServerXMLHTTP 当采集程序报错时，可以通过替换进行尝试。 ...
asp.net XMLHttpRequest实现用户注册前的验证
10-29
用户注册前的验证,提高用户体验。
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
10-29
Ajax无刷新读取数据库数据技术是指使用JavaScript、XMLHttpRequest和ASP.NET技术实现无刷新读取数据库数据的功能。本文将详细介绍该技术的实现过程。 一、技术背景 随着Web应用程序的发展，对数据的实时更新和读取...
php模拟asp中的XmlHttpRequest实现http请求的代码
10-28
在PHP中，我们可以使用cURL库或者file_get_contents函数来实现HTTP请求，但是这里提到的是一个自定义的类，名为HttpRequest，它模仿了ASP中的XmlHttpRequest对象，用于发起HTTP请求。这个类允许开发者以编程方式执行...
转载---XMLHTTP Request 的属性和方法简介
weixin_30455661的博客
05-05 118
转载---XMLHTTP Request 的属性和方法简介 由于现在在公司负责制作标准的静态页面，为了增强客户体验，所以经常要做些AJAX效果，也学你也和我一样在，学习AJAX。而设计AJAX时使用的一个重要的技术（工具）就是XMLHTTPRequest对象了。这里海啸把我学习XMLHTTPRequest对象的一点资料拿出来跟大家一起分享。文中...
asp自动更新html数据,asp+xmlhttp实现页面无刷新数据动态显示
weixin_28703507的博客
06-26 633
xmlhttp是非常好的一个组件，我们一般用它来做小偷程序，可以实现无数据库抓取对方内容显示，还可以用于生成HTML静态页面，还可以在HTML静态页面上实现动态内容显示。用xmlhttp组件，通过get或post方式请求远程页面数据，实现无需刷新页面更新数据动态显示。测试文件有两个，一个名为list.asp(请求页)，另一个为msg.asp(内容页)。list.asp内容如下：functionG...
xmlhttp_asp+javascript+json+xml
09-04
实现通用型基于xmlhttp的ajax模型。 客户端用javascript建立xmlhttp对象， 采用规范化的dom来处理上传的xml格式数据, 通过eval方法解译服务端回传的json格式数据。 服务端用asp编写，通过response.binaryRead()解译上传数据， 处理完成后，把数据格式化为jsString，该方法源于继承json2.0.
xmlhttp示例asp
02-23
xmlhttp示例,asp xmlhttp示例,asp xmlhttp示例,asp
asp中xmlhttp组件发包
01-21
asp中xmlhttp组件发包 写的一个小偷函数，注意红色代码部分，其他的自己添加吧！ Function PostHttpPageFrom(HttpUrl,stra,FromUrl)    Dim Http Set Http=server.createobject(“MSXML2.XMLHTTP”)    Http.open “POST”,HttpUrl,False    Http.setrequestheader “content-length”,len(stra)   Http.setrequestheader “content- type”,”application/x-www-form
asp中利用xmlhttp抓取网页内容的代码
10-27
抓取网页。偶要实现实实更新天气预报。利用了XMLHTTP组件，抓取网页的指定部分，其实很多的小偷程序要更好用
使用XmlHttp结合ASP实现网页的异步调用
ξσ Dicky's Blog σξ
03-16 1645
通过xmlHttp和ASP的结合，我们可以轻松完成网页的异步调用。代码如下：1.新建Display.asp(这是前台显示页面)注意xmlhttp.readyState的4个属性1:LOADING;2:LOADED;3:INTERACTIVE;4:COMPLETEDxmlhttp = new ActiveXObject("Msxml2.XMLHTTP");function fnDo(ID){    
asp中利用xmlhttp实现远程管理数据库
木野狐@CSDN Blog
08-29 1786
下载源程序 - 143 Kb A Review of Remote Database Administer几年之前, CGI-BIN 模块被用作远程管理数据库。现在, CGI-BIN 用得越来越少了，原因是它运行速度很慢，而且难于维护。 近几年，组件对象模型 (COM) 得到了广泛的运用，不幸的是，在虚拟主机上注册 COM 组件是一件很麻烦的事。 在 .NET 或 J2EE
asp 中 XMLHttpRequest提交时中文乱码
mrx1005的专栏
03-13 677
      Response.CharSet   =   "gb2312"   //加这句话了没有服务器端 ,加上这个就行     area=""     --------------得到地区参数     objstr=request("objstr")     --------------根据参数读取相应的下级地区     set   rs=server.createobject("ado
XMLHttpRequest
最新发布
wyyy2088511的博客
05-26 2132
该方法只能在 JavaScript 代码中使用，若要在 native code 中初始化请求，请使用 openRequest()。返回一个 Document，其中包含该请求的响应，如果请求未成功、尚未发送或时不能被解析为 XML 或 HTML，则返回 null。返回一个 DOMString，该 DOMString 包含对请求的响应，如果请求未成功或尚未发送，则返回 null。一个无符号长整型（unsigned long）数字，表示该请求的最大请求时间（毫秒），若超出该时间，请求会自动终止。
select标签 用asp.net实现联动
05-12
要实现 select 标签的联动，可以使用 ASP.NET 的 AJAX 技术。 首先，在页面上添加两个 select 标签，分别为父级 select 和子级 select。然后，在父级 select 的 onchange 事件中，发送 AJAX 请求到服务器，获取子级 select 的数据，并根据父级 select 的选中值来动态生成子级 select 的选项。 以下是一个简单的示例代码： ```html <!-- 父级 select --> <select id="parentSelect" onchange="loadChildSelect()"> <option value="">请选择</option> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3">选项3</option> </select> <!-- 子级 select --> <select id="childSelect"> <option value="">请选择</option> </select> <script type="text/javascript"> function loadChildSelect() { // 获取父级 select 的选中值 var parentValue = document.getElementById("parentSelect").value; if (parentValue === "") { // 如果未选择任何选项，则清空子级 select document.getElementById("childSelect").innerHTML = '<option value="">请选择</option>'; return; } // 发送 AJAX 请求，获取子级 select 的数据 var xhr = new XMLHttpRequest(); xhr.open("GET", "GetChildSelectData.aspx?parentValue=" + parentValue, true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 根据父级 select 的选中值和获取到的数据，动态生成子级 select 的选项 var childOptions = xhr.responseText; document.getElementById("childSelect").innerHTML = childOptions; } }; xhr.send(); } </script> ``` 在服务器端，可以创建一个类似于 GetChildSelectData.aspx 的页面，用于接收 AJAX 请求，并返回子级 select 的数据。在该页面中，可以根据传递过来的父级 select 的选中值，查询数据库或其他数据源，获取子级 select 的数据，并将数据以 HTML 代码的形式返回给客户端。以下是一个简单的示例代码： ```csharp protected void Page_Load(object sender, EventArgs e) { string parentValue = Request.QueryString["parentValue"]; string childOptions = ""; // 根据父级 select 的选中值，查询数据库或其他数据源，获取子级 select 的数据 // 将子级 select 的选项以 HTML 代码的形式拼接成一个字符串 childOptions Response.Write(childOptions); } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值