代码如下：

var xmlhttp;

function Submit() {

//1.创建 XMLHttpRequest 对象

if (window.XMLHttpRequest) {

//IE7,IE8,FireFox,其它

xmlhttp = new XMLHttpRequest();

if (xmlhttp.overrideMimeType) {

//针对某些特定版本的mozillar浏览器的BUG进行修正

xmlhttp.overrideMimeType("text/xml");

}

} else if (window.ActiveXObject) {

//IE6,IE5.5,IE5

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

// 简单写法,应该也可以

//xmlhttp = new XMLHttpRequest()|| new ActiveXObject("Microsoft.XMLHTTP");

if (xmlhttp == undefined || xmlhttp == null) {

alert('当前浏览器不支持创建XMLHttpRequest对象,请更换浏览器！');

return;

}

//将每次的状态保存到 数组里

array.push(xmlhttp.readyState);

//2.注册回调方法 callback

xmlhttp.onreadystatechange = callback;

//获取客户端内容

var userName = document.getElementById("UserName").value;

/*

//Get 请求方式

//3.设置和服务端交互的相应参数

xmlhttp.open("Get", "AjaxRequst.ashx?name="+userName, true);

//4.设置向服务器发送数据,启动和服务端的交互

xmlhttp.send();

*/

//Post 请求方式

//3.设置和服务端交互的相应参数

xmlhttp.open("Post", "AjaxRequst.ashx", true);

//Post方式需要增加的代码

xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

//4.设置向服务器发送数据,启动和服务端的交互

xmlhttp.send("name="+userName);

}

function callback() {

//5.判断和服务器端的交互是否完成,还要判断服务端的是否正确返回了数据

if (xmlhttp.readyState == 4) {

//表示和服务端的交互已经完成

if (xmlhttp.status == 200) {

//表示服务器的响应代码是200,正确的返回数据

//纯文件数据的接受方法

var message = xmlhttp.responseText;

//将返回的内容添加到DIV层里

var div = document.getElementById('message');

div.innerHTML = message;

//XML数据对应的DOM对象的接受方法

//使用前提是,服务器端需要设置content-type为text/xml

//var domXml = xmlhttp.responseXML;

}

}

}

第三十六课：如何书写一个完整的ajax模块

本课主要教大家如何书写一个完整的ajax模块,讲解的代码主要跟ajax有关,而jQuery的ajax模块添加了Deferred异步编程的机制,因此对ajax的理解难度增大,还是忽略掉.但是我要讲解的代 ...

原生Ajax写法(GET)

ajax的GET提交方式的原生代码: var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else if(w ...

Struts2对AJAX的支持

一.简介        struts2确实一个非常棒的MVC框架.这里部分记述一下struts2对AJAX的支持.实现AJAX有两种方式,一种是使用原生的javascript代码实现,一种是使用第三方 ...

MvcPager 概述 MvcPager 分页示例 — 标准Ajax分页 对SEO进行优化的ajax分页 (支持asp.net mvc)

该示例演示如何使用MvcPager最基本的Ajax分页模式. 使用AjaxHelper的Pager扩展方法来实现Ajax分页,使用Ajax分页模式时,必须至少指定MvcAjaxOptions的Upda ...

Unit02： JSON 、 使用JSON实现数据交换 、 jQuery对AJAX的支持，编码问题

Unit02: JSON . 使用JSON实现数据交换 . jQuery对AJAX的支持 1. 编码问题 (1)发送get请求 为什么会产生乱码? ie浏览器提供的ajax对象,对中文会使用gbk来编 ...

IT兄弟连 JavaWeb教程 jQuery对AJAX的支持

jQuery对AJAX的支持 jQuery对Ajax请求的创建.发送.响应.注册数据处理函数.JSON的解析和缓存以及传参等都进行了相应的封装,同时也考虑了浏览器的兼容性问题. jQuery中对AJA ...

Kendo UI for jQuery使用教程：支持Web浏览器

[Kendo UI for jQuery最新试用版下载] Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support ...

jquery.form.js官方插件介绍Form插件，支持Ajax，支持Ajax文件上传

jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传 http://www.malsup.com/jquery/form/#getting-started [JQu ...

随机推荐

删除表数据drop、truncate和delete的用法

说到删除表数据的关键字,大家记得最多的可能就是delete了 然而我们做数据库开发,读取数据库数据.对另外的两兄弟用得就比较少了 现在来介绍另外两个兄弟,都是删除表数据的,其实也是很容易理解的 老大- ...

洛谷 P2670 扫雷游戏==Codevs 5129 扫雷游戏

题目描述 扫雷游戏是一款十分经典的单机小游戏.在n行m列的雷区中有一些格子含有地雷(称之为地雷格),其他格子不含地雷(称之为非地雷格).玩家翻开一个非地雷格时,该格将会出现一个数字——提示周围格子中有 ...

VisionTimer BUG && Start

void Start() { vp_Timer.In(0.0f, delegate() { Debug.Log("Start"); }, 10, 1.0f); } Version ...

【Linux探索之旅】第二部分第三课：文件和目录，组织不会亏待你

内容简介 1.第二部分第三课:文件和目录,组织不会亏待你 2.第二部分第四课预告:文件操纵,鼓掌之中 文件和目录,组织不会亏待你 上一次课我们讲了命令行,这将成为伴随我们接下来整个Linux课程的一个 ...

mybatis sql中if判断传入Integer类型，传入0时，判断没有执行

数据库中字段 isDisable 0:否:1:是 xml中判断 AN ...

字符串函数---atof()函数具体解释及实现(完整版)

atof()函数 atof():double atof(const char *str ); 功 能: 把字符串转换成浮点数 str:要转换的字符串. 返回值:每一个函数返回 double 值.此值由 ...

Beta冲刺(4/7)

目录 摘要 团队部分 个人部分 摘要 队名:小白吃 组长博客:hjj 作业博客:beta冲刺(4/7) 团队部分 后敬甲(组长) 过去两天完成了哪些任务 整理博客 ppt模板 接下来的计划 做好机动. ...

every、some数组方法