ajax.request,ajaxrequest.js ajaxrequest 0.7最新版 使用AJAXRequest进行AJAX应用程序开发入门小技巧...

2023-11-03

使用AJAXRequest进行AJAX应用程序开发(1) - 初识AJAXRequest

前言

在发布了AJAXRequest类的几个版本之后,渐渐地有许多朋友用上了它,也有许多朋友问我有没有更详细的说明和示例。不过因为时间的问题以及我能想到的示例有限,一直没有多写几个示例。考虑了一下,决定写一个关于AJAXRequest的教程,希望对使用AJAXRequest类的朋友们有所帮助。

准备

在使用AJAXRequest进行AJAX开发之前,你需要做以下准备:

准备知识:JavaScript基本语法,文档对象模型(DOM)的相关知识,以及至少掌握一种后台编程的语言(我写的例子以ASP为编程语言)。

准备工具:EditPlus或者其他文本编辑器(Dreamweaver或者Visual Web Developer也可以),以及本地测试用的Web服务器(IIS或者Apache或者NetBox或其他都可以)。

下载AJAXRequest类:你可以在http://www.xujiwei.cn/works/ajaxrequest/下载到最新版的AJAXRequest类。

要进行AJAX开发,你需要了解JS编程,这是AJAX中J的需要,以及后台编程,这是需要在服务端进行动态处理,DOM用来处理信息,将结果呈现给用户。而工具方面,文本编辑器可以选择你自己喜欢的,我比较喜欢用EditPlus。

至于测试用的Web服务器,就取决于你所用的后台编程语言了,如ASP或ASP.NET是IIS,PHP可以选择Apache等。运行ASP的另外一个选择是NetBox,不过NetBox对UTF-8支持不太好,如果不涉及非英文的输出,可以考虑选择这个轻量级的服务器软件。

至于为什么要在本地建立测试服务器而不是直接在浏览器中运行,是因为从一开始就在与服务器相近的环境中开发,可以在以后的开发过程中减少许多莫名的错误。

开始

在之后教程的例子中,我都将以JS代码与XHTML代码分开的方式来书写,其中AJAXRequest类文件ajaxrequest.js放在例子代码的同一目录下。

Hello,World!

按照惯例,以一个“Hello,World!”来开始。

helloworld.htm

程序代码:

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Hello,World!

显示Hello,World!

在helloworld.htm中,我们在页面上放置了一个button,用于触发showHello函数,显示从服务端获取的信息。

helloworld.js

程序代码:

// 创建AJAXRequest对象,以全局变量的方式来保存这个对象,这样在整个页面应用程序中就只需要创建一次AJAXRequest类对象,而不用重复创建。

var ajax=new AJAXRequest();

/

// showHello

// 描述:向服务端发送请求并显示返回信息

// 参数:无

// 返回:无

/

function showHello() {

// 使用get方法向服务端获取文件helloworld.txt的内容,

// 并在函数mycallback中进行处理

ajax.get("helloworld.txt",mycallback);

}

/

// mycallback

// 描述:向服务端发送请求并显示返回信息

// 参数:obj - XMLHttpRequest对象,保存服务端返回信息

// 返回:无

/

function mycallback(obj) {

// 用alert来显示服务端返回的内容

// obj.responseText为helloworld.txt的内容

alert(obj.responseText);

}

在helloworld.js中,创建了一个全局变量ajax,用于保存一个AJAXRequest对象,如果在有多个函数需要用到AJAXRequest时,就不需要重新创建AJAXRequest类实例,只需要直接使用ajax就行了。因为AJAXRequest类中具有连接池的特性,因此不会出现在网络延迟较大时后来的请求覆盖前面的请求的情况。

helloworld.txt

程序代码:

Hello,World!

helloworld.txt为客户端需要的内容,欢迎信息“Hello,World!”。

小结

在上面的教程中,我们写了一个小小的AJAX应用程序,用于在客户端用AJAXRequest类从服务端获取一个文本文件,并将它的内容显示出来。可以看出来,在上面的程序中,我们只是很简单的用了AJAXRequest的get方法,就完成了从服务器获取文件内容的过程。

在接下来的教程中,我们将继续学习AJAXRequest类的使用。

to be continued ...

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ajax.request,ajaxrequest.js ajaxrequest 0.7最新版 使用AJAXRequest进行AJAX应用程序开发入门小技巧... 的相关文章

  • FPGA边缘检测(上升沿、下降沿、双边沿)的三种实现方案

    边缘检测在数字电路设计中非常常见 通常包含上升沿检测 posedge 下降沿检测 negedge 以及双边沿检测 double edge 边缘检测虽然实现非常简单 但有一些值得注意的地方 在设计中一不留神可能就会出现边沿漏检的情况 下面结合
  • 小波理论的基本概念及概述 学习笔记

    本文来自 https blog csdn net seek97 article details 81266223 感谢前辈的分析和总结 下文我做了简要的修改 一 前言 欢迎阅读此份关于小波变换的入门教程 小波变换是一个相对较新的概念 其出现
  • SpringBoot+Nacos:@RefreshScope自动刷新原理

    RefreshScope的作用 经过 RefreshScope注解修饰的bean 将被RefreshScope进行代理 用来实现配置 实例热加载 即当配置变更时可以在不重启应用的前提下刷新bean中相关的属性值 RefreshScope注解
  • 超有趣的linux命令2

    超有趣的linux命令2 此次实验命令均在Ubuntu16 04版本上测试 注意有些命令需要在图形化界面才能显示效果 温馨提示 可能有人是第一次接触Ubuntu 所以下面详细写了如何配置源和网络 以及安装命令的方式 1 首先配置软件源 以命
  • 快手直播间如何引流?快手直播推广怎么玩?

    快手是一个超好玩的短视频社区 每时每刻都有来自世界各地的小伙伴在这里分享自己制作的短视频 现在的快手不仅可以制造短视频 还拥有了直播的功能 那么快手直播效果好吗 快手直播效果好吗 快手发展优势日益明显 快手的用户已经超过5亿之多了 日均活跃
  • 批处理IF-ELSE的使用

    IF Performs conditional processing in batch programs 在批程序中执行条件处理 IF NOT ERRORLEVEL number command IF NOT string1 string2
  • [python爬虫] 招聘信息定时系统 (一).BeautifulSoup爬取信息并存储MySQL

    这系列文章主要讲述 如何通过Python爬取招聘信息 且爬取的日期为当前天的 同时将爬取的内容保存到数据库中 然后制作定时系统每天执行爬取 最后是Python调用相关库发送短信到手机 最近研究了数据库的定时计划备份 联系爬虫简单做了这个实验
  • AdaptFormer: Adapting Vision Transformers for Scalable Visual Recognition

    Motivation ViTs 在视觉识别领域取得了巨大成功 后续需要使 ViT 适应各种图像和视频识别任务 由于计算量大 存储空间大 自适应具有一定的挑战性 每个模型都需要一个独立而完整的微调过程来适应不同的任务 这限制了它在不同视觉域的
  • 攻防世界-web-进阶-php_rce

    题目描述 无 附件 无 过程及思路 打开在线场景 是一个关于ThinkPHP的页面 看起来没什么特别的 几个链接点进去也都是正常的官方链接 我们尝试到github搜索ThinkPHP V5 发现有相关的 远程代码执行 漏洞集合 RCE 远程
  • HTTP协议,Request、Response学习与使用

    目录 HTTP 概念 特点 历史版本 请求消息数据格式 1 请求行 2 请求头 3 请求空行 4 请求体 正文 响应消息数据格式 1 响应行 2 响应头 3 响应空行 4 响应体 响应字符串格式 Request对象 1 request对象和
  • Jmeter函数助手之CSVRead _

    一 函数助手调用 启动jmeter界面后 可以在JMeter的选项菜单中找到函数助手对话框 快捷键 Ctrl Shift F1 如下图所示 打开函数助手后 可从下拉列表中选择需要的函数 并为其参数设定值 不同的函数要求的参数也不同 函数参数
  • 解决Could not find a version that satisfies the requirement XXX问题

    开发环境 本人用的是windows10专业版 Python3 8 解决办法 在用户 user 目录下新建文件夹pip 并在pip文件夹下创建pip ini配置文件 pip文件夹下不能直接创建文件 建议在桌面创建好之后复制到pip文件夹下 p
  • unity学习之怪物名称血条

    欢迎来到unity学习 unity培训 unity企业培训教育专区 这里有很多U3D资源 U3D培训视频 我们致力于打造业内unity3d培训 学习第一品牌 人物的名称与血条的绘制方法很简单 但是我们需要解决的问题是如何在3D世界中寻找合适
  • JVM调优工具总结(jConsole jmc jvisualvm)

    一 环境准备 centos7服务器一台 安装jdk1 8 一个可运行java的jar包 最好是有个服务器运维工具 我用的是宝塔面板 主要是用来开放端口 当然你是用命令开放也可以的 本地win10上安装jdk1 8 二 启动 1 将jar包放

随机推荐

  • 最易懂得 鸿蒙 实战 - 真机调试 原子服务

    升级到3 0 ide后 增加一些sdk 更新速度还是很快 广告也开始鸿蒙标识了 看来华为大动作很快 另外 体验了华为m6的超级终端 还是被震撼一下 速度上 性能上确实是万物互联的感觉 鸿蒙的动态效果 确实有点自己独有味道 但是缺少独特性 反
  • 前馈神经网络(一 神经元)

    声明 本文是博主在学习前馈神经网络时的笔记 仅供学术交流 非商用 内容可能涉及一些大佬的资料 包含网上电子的和实体书籍等 由于学习工程中查阅的资料多而杂 所以每一部分具体的参考资料并没有详细对应 如有侵权 还望海涵 并联系博主删除 本人才疏
  • apache编程思想--挂钩(HOOK)

    如果让你自己编写一个web服务器你会怎么设计 我曾经使用java语言实现了一个最简单的web服务器 我的做法是应用一个socket类启用去监听一个特定的端口 并根据http协议标准去解析这样一个长串 POST reg jsp HTTP CR
  • PHP代码导航编辑 PhpStorm 2022中文

    PhpStorm 2022提供最优秀的代码补全 重构 实时错误预防等等功能 能够为程序员提供更为效率的php开发 新版本改进了phpstorm软件的自动完成功能 还增加了代码清理工具 可以删除不必要的部分来优化全类名称 从而更好的提高用户的
  • sql计算用户留存率和时间留存率

    Sql 29 计算用户的平均次日留存率 题目 现在运营想要查看用户在某天刷题后第二天还会再来刷题的平均概率 请你取出相应数据 解法1 表里的数据可以看作是全部第一天来刷题了的 那么我们需要构造出第二天来了的字段 因此可以考虑用left jo
  • Android 打包Jar(发布SDK)常见问题及解决方案

    在Android开发过程中 我们经常会有这种需求 需要将自己开发一个类库打包成jar包以供他人 其他人一般指开发者 调用 而不是直接打包apk文件供最终用户使用 在打包成jar后 你往往会自己先测试一下看jar包能不能直接使用 这时就会常常
  • mac下ssh报错:ssh_exchange_identification: read: Connection reset by peer

    1 美图 2 背景 base lcc lcc hadoop 2 7 4 sh sbin stop all sh This script is Deprecated Instead use stop dfs sh and stop yarn
  • Ant Design Pro入门之部署安装

    部署安装 下载地址 https github com ant design ant design pro 我们使用资料中提供的 已经下载好的文件 ant design pro master zip 第一步 将ant design pro m
  • VSCode 无法更新插件 XHR timeout error 解决办法

    注 本方案仅为XHR timeout error错误的其中一种解决方案 作者使用此方法修改后更新成功 但不保证对于所有的XHR Timeout Error错误 使用此方法后可解决问题 另注 依评论区要求 现已上传修改windows授时服务器
  • 为什么实时时钟的晶振都是32.768KHZ呢

    原来我也只知道实时时钟就应该用32 768KHZ的晶振但不知道为什么 今天突然想知道为什么就查了查 搞懂了 写下来 为了积累 为了分享 1 振荡电路用于实时时钟RTC 对于这种振荡电路只能用32 768KHZ 的晶体晶体被连接在OSC3 与
  • OpenWrt 快速入门(源码目录)

    文章目录 1 OpenWrt 优点 2 OpenWrt 版本发展 3 OpenWrt 源码 缩略语 Acronyms and Abbreviations OpenWrt Wrt Wirless Router 官网 www openwrt o
  • Namomo Test Round 2 C 序列

    题意 给定一个长度为 n n n的序列 a a a 每次可以选择 l
  • Python报错合集(1)

    1 slice None None None 0 is an invalid key X train X test y train y test train test split X resampled y resampled test s
  • MySQL启动过程中的问题

    1 创建my ini 进入MySQL的安装目录 创建配置文件my ini配置文件 写入内容 mysql 设置mysql客户端默认字符集 default character set utf8 mysqld 设置3306端口 port 3306
  • easyExcel设置水印

    1 依赖导入
  • Linux命令入门教程(五):系统管理篇

    Linux系统管理 包括权限管理 网络配置 软件安装 各类参数设置 开关机 系统运行状态等 5 1 权限管理 在linux系统中 用户类别有超级用户和普通用户 只有一个超级用户root 普通用户可以有多个 最根本的区别就是权限不同 在lin
  • iOS17可以更新了!网友实测炫酷值拉满,但续航嘛…

    丰色 发自 凹非寺量子位 公众号 QbitAI iOS 17终于来了 今天凌晨正式推送 有数码博主评价 实用性不高 但酷炫值拉满 旺柴 可以说是一句话概括了 不过有测评发现 更新后续航掉依然的厉害 特别是iPhone XR 可得谨慎了 还登
  • 关于代理抓包,ssl pinning解决方案

    详情见我的博客小生博客 抓包 代理抓包 Fiddler charles能抓http https websocket属于应用层 优点 配置简单 抓取解析ssl方便 缺点 app对代理抓包的检测越发厉害 https http是明文传播 易被修改
  • 轻松搭建基于 SpringBoot + Vue 的 Web 商城应用

    首先介绍下在本文出现的几个比较重要的概念 函数计算 Function Compute 函数计算是一个事件驱动的服务 通过函数计算 用户无需管理服务器等运行情况 只需编写代码并上传 函数计算准备计算资源 并以弹性伸缩的方式运行用户代码 而用户
  • ajax.request,ajaxrequest.js ajaxrequest 0.7最新版 使用AJAXRequest进行AJAX应用程序开发入门小技巧...

    使用AJAXRequest进行AJAX应用程序开发 1 初识AJAXRequest 前言 在发布了AJAXRequest类的几个版本之后 渐渐地有许多朋友用上了它 也有许多朋友问我有没有更详细的说明和示例 不过因为时间的问题以及我能想到的示