我的第一个AJAX网页

最新推荐文章于 2026-01-05 10:53:07 发布
原创 最新推荐文章于 2026-01-05 10:53:07 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #xmlhttprequest #vbscript #function #input #url

index.asp

================ 

 

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var http_request = false;

function send_request(url)
{
    http_reuqest= false;
    //开始初始化XMLHttpRequest对象
    if(window.XMLHttpRequest)
    {
        http_request = new XMLHttpRequest();
        if(http_request.overrideMimeType)
        {
            http_request.overrideMimeType("text/xml");
        }
    }
    else if(window.ActiveXObject)
    {
        try
        {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e)
        {
            try
            {
                http_request = new ActiveXOject("Microsoft.XMLHTTP");
            }
            catch(e){}
        }
    }
    if(!http_request)
    {
        window.alert("不能创建XMLHttpRequest对象实例");
        return false;
    }
    alert("1");
    http_request.onreadystatechange = processRequest;
    http_request.open("GET",url,true);
    http_request.send(null);
}

function processRequest()
{
    if(http_request.readyState==4)
    {
        alert("2");
        if(http_request.status==200)
        {
            alert(http_request.responseText);
        }
        else
        {
            alert("你所请求的页面有异常.");
        }
    }
}

function userCheck()
{
    var f = document.form1;
    var username = f.username.value;
    if(username == "")
    {
        window.alert("用户名不能为空");
        f.username.focus();
        return false;
    }
    else
    {
        var url = "index2.asp?un=" + username ;
        alert(url);
        send_request(url);
    }
}
</script>
</head>

<body>
<form name="form1" action="" method="post">
用户名:<input type="text" name="username" value=""/>&nbsp;
<input type="button" name="check" value="唯一性检查" onclick="userCheck();"/>
<input type="submit" name="submit" value="提交"/>

</form>
</body>
</html>

 

index2.asp页

 

<%
username = request("un")
username = username & "11111111111111111111111111111"
response.write(username)
%>
copico
关注
Arduino ESP8266利用AJAX局部动态更新网页内容
perseverance51博客
09-11 1423
Arduino ESP8266利用AJAX局部动态更新网页内容
谈谈如何抓取ajax动态网站
weixin_34124651的博客
06-09 1113
什么是ajax呢，简单来说，就是加载一个网页完毕之后，有些信息你你还是看不到，需要你点击某个按钮才能看到数据，或者有些网页是有很多页数据的，而你在点击下一页的时候，网页的url地址没有变化，但是内容变了，这些都可以说是ajax。如果还听不懂，我给你看看百度百科的解释吧，下面就是。Ajax 即“AsynchronousJavascriptAndXML”（异步 JavaScript 和 XML）...
一个事件中可以写多个ajax吗,存在多个 AJAX 任务
weixin_28713299的博客
08-06 661
实现的效果：这两个Ajax任务可同时实现，也可单独实现。标准的函数：var xmlhttp;function loadXMLDoc(url,ufunc){if(window.XMLHttpRequest){xmlhttp = new XMLHttpRequest;}else {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.ope...
动态网页爬取 —— ajax 与 selenium
SoyMilk的博客
11-16 1722
动态网页（Dynamic Web Page）是指网页的内容能够根据用户的请求、用户的行为或其他条件动态生成和变化的网页。与静态网页不同，动态网页不是预先存储好的固定内容，而是在用户访问时通过服务器端的处理或客户端的脚本执行即时生成的。。
看这一篇就够了！-Ajax详解
热门推荐
Oriental_的博客
03-15 18万+
今天来聊一聊前后端交互的重要工具Ajax 结合上次跟大家分享的前后端交互基础，如果还没有看过的童鞋，以下是传送门 前后端交互详解 AJAX - 到底什么是Ajax? ajax 全名 async javascript and XML 是前后台交互的能⼒ 也就是我们`客户端给服务端发送消息的⼯具，以及接受响应的⼯具 是⼀个 默认异步执⾏机制的功能AJAX分为同步（async = false...
一个页面排序多个ajax请求,同一页面发送多个ajax请求导致数据错乱
weixin_42512441的博客
08-05 682
1.排查问题：首先运行一个ajax请求看，请求返回数据是否正常；如果不正常说明sql或者后台代码有问题；如果没问题：说明是发送多个ajax请求时，导致数据错乱；2.解决问题:a.在第一个ajax请求的回调函数中，调用下一个ajax请求(不建议)b.在控制层使用synchronized(一个线程访问一个对象中的synchronized(this)同步代码块时，其他试图访问该对象的线程将被阻塞。)sy...
Java Web——Ajax的理解与第一个实例
贝尔摩德苦艾酒
03-30 7641
Java Web——Ajax的理解与第一个实例
ajax网页没有办法采集,Ajax网页采集方法（最新） - 八爪鱼采集器
weixin_35876682的博客
08-05 1121
很多网页使用了Ajax 技术，针对这种网页，我们需在八爪鱼中进行Ajax设置。一、什么是Ajax？Ajax (Asynchronous JavaScript and XML) ：异步JavaScript 和XML。Ajax是一种在无需重新加载整个网页的情况下，更新部分网页的技术。 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。传统的网页(不使用 Ajax)如果需要更新内容，...
动态网页AJAX技术
qq_34786604的博客
09-07 1854
直观的说来，AJAX就是前端的魔术。我们看到很多网页是可以各种操作各种秀，根据访问者的行为还能特定的反应！！！为什么说很像魔术呢？因为ajax绝大部分时候是通过修改css，js等去完成特定的视觉效果的变换的。就像魔术通过各种道具获得不同的视觉效果。AJAX的目的是交互。ajax一般采用的都是json作为返回数据的格式。因为多快好省当然这也是判断方式这是最明显的一种ajax的情形，见上面的情形4.ajax的内容边界还是比较模糊的，理论上说现在的前端框架多少都有ajax的影子。
精选资源
single-page-web:我的第一个单页网页设计（使用JQuery AJAX）
03-29
在本项目"single-page-web:我的第一个单页网页设计（使用JQuery AJAX）"中，我们将探讨如何构建一个单页应用程序（SPA），重点是利用JavaScript库JQuery的AJAX功能来实现页面内容的动态加载，从而提升用户体验。...
第一个Ajax例子
03-01
这个"第一个Ajax例子"可能是一个简单的示例，用于演示如何使用Ajax进行页面的异步通信。Ajax的核心是利用JavaScript与服务器进行交互，通过XMLHttpRequest对象发送请求并接收响应数据，从而实现页面的动态更新。 ##...
一个AJAX自动完成功能的js封装源码[支持中文]第1/2页
10-31
AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。利用AJAX可以实现在用户输入的过程中动态地向服务器发送请求并获取数据，从而实现自动完成的功能。 具体...
jQuery 学习第六课 实现一个Ajax的TreeView
10-29
1. **服务器端数据准备**：首先，需要在服务器端定义一个类来存储文件信息，这个类包含文件的完整路径、文件名、是否为文件夹以及附加信息等属性。 2. **序列化数据**：为了能够在客户端与服务器之间传输文件信息，...
ajax第一个helloworld
03-20
【标题】"Ajax 第一个 HelloWorld" 是初学者进入异步JavaScript和XML（Asynchronous JavaScript and XML）技术领域的起点。Ajax是一种在无需刷新整个网页的情况下，能够更新部分网页的技术，极大地提升了用户体验。...
【爬虫】5.5 Selenium 爬取Ajax网页数据
Jack
08-29 2654
AJAX 简介 任务目标 现在的网页中大量使用了Ajax技术，通过JavaScript在客户端向服务器发出请求，服务器返回数据给客户端，客户端再把数据展现出来，这样做可以减少网页的闪动， 让用户有更好的体验。 我们先设计一个这样的网页，然后使用 Selenium 编写爬虫程序爬取网页的数据。 创建Ajax网站 创建服务器程序 编写爬虫程序
[Web自动化] JavaScriptAJAX与Fetch API
知智
12-30 358
本文介绍了JavaScript中AJAX技术和Fetch API的使用方法。主要内容包括：1）Fetch API的基本用法，通过Promise处理异步请求和响应；2）如何处理JSON数据、设置请求头（如Content-Type和认证信息）以及检查响应头；3）作为补充，简要介绍了传统XMLHttpRequest(XHR)的使用方式。文章通过代码示例展示了如何发送GET/POST请求、处理响应数据和错误捕获，对比了现代Fetch API与传统XHR的差异，为开发者提供了全面的HTTP请求处理方案。
网络相关 - Fetch 与 Ajax 请求讲解
最新发布
尽日寻春不见春，芒鞋踏遍陇头云。归来笑拈梅花嗅，春在枝头已十分。
01-05 905
摘要 本文对比了前端两种网络请求方式：Ajax（XMLHttpRequest）和Fetch API。Ajax通过XMLHttpRequest对象实现异步请求，但存在API繁琐、回调嵌套等问题。Fetch基于Promise设计，支持async/await，具有更简洁的语法和内置JSON解析功能。核心区别包括：Fetch使用Promise链式调用、错误处理机制不同、默认不带Cookie、自带JSON解析等。文章还提供了两种方式的代码示例，并展示了一个实战项目中的Fetch封装方案，包含认证头处理、token刷新
JavaScript 请求数据的四种方法：Ajax、jQuery 、Fetch和 Axios
m0_73707009的博客
12-29 890
在 Web 开发中，我们经常需要使用 JavaScript 从服务器获取数据。以下是四种常用的方法：Ajax、Fetch API、jQuery 和 Axios。下面我们将对这四种方法进行详细介绍。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值