第一个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
相关文档:
JS文件
//以下为jquery代码
$(document).ready(function(){
$("#jqbtn").click(function(){
  ......
1、源代码
这个AJAX连接池害我我弄了很久,终于,让它兼容IE6/7/8、FireFox、Opera、Google Chrome这四类浏览器了。
/**
* AJAX 连接池
* AJAXConnectionPool Build in 2009.7.10
* @author CodingMouse
* @version 1.0
*/
var AJAXConnectionPool = function() {
// 任务队列
var taskQ ......
一.工具下载
1.ASPAJAXExtSetup.msi
http://download.microsoft.com/download/5/4/6/5462bcbd-e738-45fa-84ca-fa02b0c4e1c2/ASPAJAXExtSetup.msi
2.ASPAJAXSourceCode.msi
http://download.microsoft.com/download/6/d/6/6d6c7c47-b9ff-4934-bb03-8a45b8418d35/ASPAJAXSourceCode.msi
3.AjaxControlToolkit
http://ww ......
jQuery Ajax 全解析
本文短址:http://s8.hk/0itq
本文地址: jQuery Ajax 全解析
本文作者:QLeelulu
转载请标明出处!
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。
废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQu ......
Ajax表单提交数据出现乱码和解决办法
//要传递的参数
var queryString = "firstName=" + firstName + "&lastName=" + lastName
&nbs ......