第一个Ajax 实例
<!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>简单的应用XMLHttpRequest例子</title>
<mce:script type="text/javascript"><!--
var req = null; // XMLHttpRequest对象
var console = null; // 输出结果的DIV对象
/* 以下四个对象是异步传输过程中的四种状态 */
var READY_STATE_UNINITIALIZED = 0;
var READY_STATE_LOADING = 1;
var READY_STATE_LOADED = 2;
var READY_STATE_INTERACTIVE = 3;
var READY_STATE_COMPLETE = 4;
/*
* 发送一个异步的请求
* 参数: url 目标地址, params发送的参数, HttpMethod 方法可以GET或POST
* 第二个第三个参数一般可以省略,当第三个参数省略时HttpMethod默认为GET
* 当请求发送完成时调用callback函数进行操作
*/
function sendRequest( url, params, HttpMethod ){
if( !HttpMethod ){
HttpMethod = "GET";
}
req = initXMLHTTPRequest();
if( req ){
req.onreadystatechange = callback;
req.open( HttpMethod, url, true );
req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" );
req.send( params );
}
}
/*
* 建立用于异步传输的XMLHttpRequest对象
*/
function initXMLHTTPRequest(){
var xRequest = null;
if( window.XMLHttpRequest ){
xRequest = new XMLHttpRequest(); // Mozilla, Sofira, Firefox
}
else if( window.ActiveXObject ){
xRequest = new ActiveXObject("Microsoft.XMLHTTP"); // IE
}
return xRequest;
}
/*
* 回调函数
* 将处理过程及完成时返回的结果文本交给toConsole进行处理
*/
function callback(){
var ready = req.readyState;
var data = null;
if( ready == READY_STATE_COMPLETE ){
data = req.responseText;
}
else{
data = "loading...[" + ready + "]";
}
toConsole( data );
}
/*
* 显示结果
* 在DOM中找到ID为console的元素,将显示结果追加到console中
*/
fun
相关文档：
最近网上提的很多的一个新概念就是 AJAX 了, 那么, AJAX 是什么呢? 以下内容引用网上资料:
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术：
Ajax（Asynchronous JavaScript + XML）的定义
基于 web标准（sta ......
<html>
<head>
<title>jQuery Ajax 实例演示</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
......
JSON插件提供了一种名为json的ResultType，一旦为某个Action指定了一个类型为json的Result，则该Result无需映射到任何视图资源。因为JSON插件会负责将Action里的状态信息序列化成JSON格式的数据，并将该数据返回给客户端页面的JavaScript。
简单地说，JSON插件允许我们在JavaScript中异步调用Action，而且Action不再需 ......
AJAX乱码解决
用过AJAX的朋友肯定知道javascript是使用UTF-8国际编码，即每个汉字用4个字节来存储，但是这就造成了用AJAX来send数据的时候出现乱码。
Ajax乱码产生主要有2个原因
1. xtmlhttp 返回的数据默认的字符编码是utf-8，如果前台页面是gb2312或者其它编码数据就会产生乱码
2. post方法提交数据 ......
在上一篇文章中，我们讨论了如何通过javascript从一个远程XML文件中取得数据。在这篇文章中，我们将学会怎样对数据作更复杂的处理。作为一个示例，我们会准备一组XML数据，将数据分割成独立的片断并以不同的方式展示这些片断（取决于它们是如何被标识的）。
这篇文章是建立在上一篇文章中构造的示例代码的基础之上 ......
