jQuery Ajax 实例 全解析
引自:http://www.pqshow.com/design/Javascript/200909/10473.html
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。
废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到).
1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。
url (String) : 请求的HTML页的URL地址。
data (Map) : (可选参数) 发送至服务器的 key/value 数据。
callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。
这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。
这个方法可以很方便的动态加载一些HTML文件，例如表单。
示例代码：
$(".ajax.load").load("http://www.cnblogs.com/yeer/archive/2009/06/10/1500682 ......
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>xmlhttprequest ajax demo</title>
<mce:script type ="text/javascript" language ="javascript" ><!--
var req; //定义变量，用来创建xmlhttprequest对象
function creatReq() // 创建xmlhttprequest,ajax开始
{
var url="events_msg"; //要请求的服务端地址
if(window.XMLHttpRequest) //非IE浏览器及IE7(7.0及以上版本)，用xmlhttprequest对象创建
{
req=new XMLHttpRequest();
}
else if(window.ActiveXObject) //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.
{
req=new ActiveXObject("Microsoft.XMLHttp");
}
if(req) //成功创建xmlhttprequest
{
req.open("GET",url,true); //与服务端建立连接(请求方式post或get，地址,true表示异步)
req.onreadystatechange = call ......
关于在AJAX中GET回的ResponseText中文乱码的最简解决办法
//如果传送参数是直接赋予的，就会产生乱码!
代码如下:
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val); //如果val的值为中文，则产生乱码
//解决方法很简单：使用javascript中的escape(string) 函数
代码如下:
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+escape(val)); //val的值为中文不会产生乱码
关于在AJAX中GET回的ResponseText中文乱码的最简解决办法
用AJAX来GET回一个页面时，RESPONSETEXT里面的中文多半会出现乱码，这是因为xmlhttp在处理返回的responseText的时候，是把resposeBody按UTF-8编码进解码考形成的，如果服务器送出的确实是UTF-8的数据流的时候汉字会正确显示，而送出了GBK编码流的时候就乱了。解决的办法就是在送出的流里面加一个HEADER，指明送出的是什么编码流，这样XMLHTTP就不会乱搞了。
代 ......
关于在AJAX中GET回的ResponseText中文乱码的最简解决办法
//如果传送参数是直接赋予的，就会产生乱码!
代码如下:
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val); //如果val的值为中文，则产生乱码
//解决方法很简单：使用javascript中的escape(string) 函数
代码如下:
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+escape(val)); //val的值为中文不会产生乱码
关于在AJAX中GET回的ResponseText中文乱码的最简解决办法
用AJAX来GET回一个页面时，RESPONSETEXT里面的中文多半会出现乱码，这是因为xmlhttp在处理返回的responseText的时候，是把resposeBody按UTF-8编码进解码考形成的，如果服务器送出的确实是UTF-8的数据流的时候汉字会正确显示，而送出了GBK编码流的时候就乱了。解决的办法就是在送出的流里面加一个HEADER，指明送出的是什么编码流，这样XMLHTTP就不会乱搞了。
代 ......
var x,y;
//这是一个通过AJAX取得提示信息的方法
function over(noteContent){
//记录事件发生时的鼠标位置
x = event.clientX;
y = event.clientY;
//显示工具提示
document.getElementById("tip").style.display = "block";
//显示工具提示的起始坐标
document.getElementById("tip").style.top = y;
document.getElementById("tip").left = x+10;
document.getElementById("tip").innerHTML="<table width=\"160\" border=\"0\" cellpadding=\"0\"" +
"cellspacing=\"0\" class=\"STYLE1\"><tr> <td>内容："+noteContent+"</td> </tr></table>";
}
function out(){
document.getElementById("tip").style.display = "none";
}
获取多个参数
<script type="text/javascript">
var x,y;
&nb ......
最近，写了个ajax程序。实现了定位地图，因为了ajax的动态请求，所以，地图是实时扫描的，但是，问题困惑了半个月，今天在和学长聊天的时候，终于想清楚了。
ajax在本程序中的任务就是对八个读卡器点进行动态请求数据库数据，然后，根据数据库索引数扫描地图上该点的“人数、温度、湿度”。这八个点同时扫描，每个点的扫描周期是1秒，实现方法是dojo，数据库回送数据形式是jsp内嵌入js，页面中，dojo指定execute js true。八个点使用的是一个请求类。
另外实现报警提示功能，使用的是普通的ajax，数据通信还是jsp内嵌js。
好吧，就是这样，停留在地图页面半个小时左右，浏览器就崩溃了，链接就失去响应了。
这个问题一度以为是硬件造成的，或者是Jetty造成的，因为Jetty耗费了大量的带宽给测试（而我们没有测试！）。
今天才恍然大悟，是ajax造成的，解决方案也有很多：
硬件加速器、优化软件、消除代码冗余、XML加速功能和解决互操作性问题等
&nbs ......
今天，有同事发现相关业务数据修改后，在IE6下还是显示修改前的值。但在其他浏览器和IE7、IE8下，没有这个问题。
原因：用ajax请求时，如果出现重复的URL，浏览器不会向服务器发送请求，而是根据之前相同的URL请求结果返回。原因就在于之前的请求及结果已经保存在了
缓存里，如果遇到相同URL时，结果是直接从缓存里取得。
解决办法：
1、设置IE6中工具-internet选项-Internet临时文件-设置-检查每次网页的较新版本-设置为每次访问此页时检查。
2、在IE发送ajax数据时，发送一个随机时间戳。即只要让每次请求的URL不一样就可以了，比如每次请求时在URL中加上时间的毫秒数或随机数（new Date().getTime()或者Math.Random()
）。
另外，网上还有很多解决方法：
1.送请求前加上
XMLHttpRequest.setRequestHeader("If-Modified-Since","0")
或者用post方法提交
2.服务器端禁用缓存（只是禁止了服务端缓存，不能禁止ajax缓存）
.
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
3.这篇文章值得参 ......
最新文章 : ajax