AJAX开发技术--AJAX简介
Asynchronous JavaScript and XML,异步JavaScript和XML
主要目的用于页面的局部刷新。不用全部刷新，提高性能。
创建XMLHttpRequest对象 —— create_ajax.htm ：
<script language="JavaScript">
var xmlHttp ; // AJAX核心对象名称
function createXMLHttp() { // 创建XMLHttpRequest核心对象
if (window.XMLHttpRequest) { // 判断当前使用的浏览器类型
xmlHttp = new XMLHttpRequest();// 表示使用的为FireFox内核的浏览器
} else { // 表示使用的是IE内核的浏览器
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
</script>
XMLHttpRequest对象的属性 ：
|
No. |
属性 |
描述 |
|
1 |
onreadystatechange |
指定当readState状态改变时使用的操作，一般都用于指定具体的回调函数 |
|
2 |
readyState |
返回当前请求的状态，只读 |
|
3 |
responseBody |
将回应信息正文以unsigned byte数组形式返回，只读 |
|
4 |
responseStream |
以Ado Stream对象的形式返回响应信息，只读 |
|
5 |
responseText |
接收以普通文本返回的数据，只读 |
|
6 |
responseXML |
接收以XML文档形式回应的数据，只读 |
|
7 |
status |
返回当前请求的http状态码，只读 |
|
8 |
statusText |
返回当前请求的响应行状态，只读 |
readState取值：
|
No. |
方法 |
描述 |
|
1 |
abort() |
取消当前所发出的请求 |
|
2 |
getAllResponseHeaders() |
取得所有的HTTP头信息 |
|
3 |
getResponseHeader() |
取得一个指定的HTTP头信息 |
|
4 |
open() |
创建一个HTTP请求，并指定请求模式，例如：GET请求或POST请求 |
|
5 |
send() |
将创建的请求发送到服务器端，并接收回应信息 |
|
6 |
setRequestHeader() |
设置一个指定请求的HTTP头信息 |
使用异步处理 —— ajax_receive_content.htm ：
<html><head><title>www.mldnjava.cn，MLDN高端Java培训</title></head><body>
<script language="JavaScript">
var xmlHttp ; // AJAX核心对象名称
function createXMLHttp() { // 创建XMLHttpRequest核心对象
if (window.XMLHttpRequest) { // 判断当前使用的浏览器类型
xmlHttp = new XMLHttpRequest(); // 表示使用的为FireFox内核的浏览器
} else { // 表示使用的是IE内核的浏览器
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") ;
}
}
function showMsg(){
createXMLHttp() ; // 建立xmlHttp核心对象
xmlHttp.open("POST","content.htm"); // 设置一个请求
// 设置请求完成之后处理的回调函数
xmlHttp.onreadystatechange = showMsgCallback ;
xmlHttp.send(null) ; // 发送请求，不传递任何参数
}
function showMsgCallback(){ // 定义回调函数
if (xmlHttp.readyState == 4) { // 数据返回完毕
if (xmlHttp.status == 200) { // HTTP操作正常
var text = xmlHttp.responseText ; // 接收返回的内容
// 设置msg标签元素中要显示的内容为AJAX接收的返回值内容
document.getElementById("msg").innerHTML = text ;
}
}
}
</script><input type="button" onclick="showMsg()" value="调用AJAX显示内容">
<span id="msg"></span>
</body></html>
总结：
AJAX开发技术--AJAX简介的更多相关文章
- AJAX开发技术
AJAX技术 AJAX(Asynchronous JavaScript and XML,异步JavaScript和XML),AJAX并不是一项新的技术,它产生的主要目的是用于页面的局部刷新,从之前的代 ...
- Java EE开发技术课程第五周（Applet程序组件与AJAX技术）
1.Applet程序组件 1.1.定义: Applet是采用Java编程语言编写的小应用程序,该程序可以包含在HTML(标准通用标记语言的一个应用)页中,与在页中包含图像的方式大致相同.含有Apple ...
- {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)
Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 一 Ajax简介 ...
- {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)
{Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) Django基础七之 ...
- ajax请求技术
1.写在前面: 阅读要求: 具有一定的HTML.CSS.JavaScript.Json基础 2.什么是ajax Ajax:即”Asynchronous Javascript And XML”(异步Ja ...
- Web的Ajax应用开发模式（二）——Ajax开发模式分析
寄语: 前天在查看一些公司的招聘要求时,看到有公司要求测试人员了解Ajax,故写此博文旨在帮助测试人员提高自身技术知识水平,愿与广大测试同胞共同进步.(欢迎纠错!!!) Web应用的传统开发模式总结: ...
- ajax（ajax开发与入门）
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.AJAX是一种进行页面局部异步刷新的技术,局 ...
- Ajax编程技术
AJAX:”Asynchronous JavaScript and XML” 中文意思:异步JavaScript和XML. 指一种创建交互式网页应用的网页开发技术. 不是指一种单一的技术,而是有机地利 ...
- ajax（ajax开发）
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和 ...
随机推荐
- sql语句的group by与having子句
准备数据: DROP TABLE IF EXISTS `t_player`; CREATE TABLE `t_player` ( `player_id` int(11) NOT NULL AUTO_I ...
- VBS基础篇 - 杂项 - Sendkeys
VBS基础篇 - 杂项 - Sendkeys 模拟键盘操作,将一个或多个按键指令发送到指定Windows窗口来控制应用程序运行 其使用格式为:object.SendKeys(string) obj ...
- Internet History, Technology and Security (Get Started)
Abstract 课程名称:互联网的历史.技术和安全 coursera地址 制作方:密歇根大学(University of Michigan) 教师:Charles Severance, Associ ...
- 详细理解servlet实现的几种方式和生命周期
现在很多的开发都是用的框架,然后很多同学学习的时候又是直接接触的框架,对于底层的一些开发,完全没有任何的了解.虽然对于业务上面来说,没有什么问题.但是很多时候当你被面试问到,或者是想要了解框架底层原理 ...
- leetcode383
已知两个字符串,然后比较一个字符串是否来自另一个字符串,没有顺序要求. 简单题,用一个数组保存前一个字符串的每一个字符出现的次数,然后循环后一个字符串去检查,如果次数不够了,那么就返回false pu ...
- [Lua]Lua高级教程Metatables
什么是Metatable metatable是Lua中的重要概念,每一个table都可以加上metatable,以改变相应的table的行为. Metatables举例 -- 声明一个正常的关系变量 ...
- shell脚本学习（二）
4.cat命令 1) cat -s 摆脱多余的空白行 2) cat -T 将制表符显示为^I 3) cat -n 显示行号 4) cat -b 跳过空白行,然后显示行号 ...
- time_t
所在的头文件为 time.h 定义为: #ifndef __TIME_T #define __TIME_T /* 避免重复定义 time_t */ typedef long time_ ...
- The project target (Android 6.0) was not properly loaded或者The rendering target (Android 6.0) is still loading.
第一步:在project上右键选择Properties,然后选择Android, 然后在Project Build Target那里选择其他的Target试试: 第二步: 我选了6.0之后,就有菜单可 ...
- asp.net textbox控件readonly为true时，后台取值的问题
如题,在后台通过textbox.Text方式取值为空,不论你默认值是否是空,如想要获得,需通过request.Form[""]的方式.