AJAX 初学(转)
这两天一直在埋头苦练AJAX技术，虽然网上对AJAX的看法各有好坏，在我看来AJAX对我来说还是一个很不错的技术，它在很大的程度上减轻了服务器的负担，把一些简单的request通过利用javascript方法创建一个XMLHttpRequest对象发送和接收服务器的信息，不要通过刷新页面就能得到自己想要的效果，这简直是不可思议。下面给出一段AJAX+Servlet+Javascript一段最简单的代码供初学者参考，注意是初学者哦 。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sending Request Data Using GET and POST</title>
<script type="text/javascript">...
var xmlHttp;
function createXMLHttpRequest() ...{
if(window.ActiveXObject) ...{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if(window.XMLHttpRequest) ...{
xmlHttp = new XMLHttpRequest();
}
}
function createQueryString() ...{
var firstName = document.getElementById("firstName").value;
var middleName = document.getElementById("middleName").value;
var birthday = document.getElementById("birthday").value;
var queryString = "firstName = " + firstName + "&middleName=" + middleName + "&birthday=" + birthday;
return queryString;
}
function doRequestUsingGET() ...{
createXMLHttpRequest();
var queryString = "GetAndPostExample?";
queryString = queryString + createQueryString()
+ "&timeStamp=" + new Date().getTime();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", queryString, true);
xmlHttp.send(null);
}
function doRequestUsingPOST() ...{
createXMLHttpRequest();
var queryString = "GetAndPostExample?";
qu
相关文档：
1.什么是Ajax?
Ajax的全称是：AsynchronousJavaScript+XML
2.Ajax的定义：
Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。
3.Ajax包括：
XHTML和CSS
使用文档对象模型(DocumentObjectModel)作动态显示和交互
使用XML和XSLT做数据交互 ......
ajax的列表联动示例
1、 输入域：
请选择省：
<select id="sel1" onchange="return choose(this);">
<option value="">--请选择--</option>
<option value="1">湖南省</option>
&nb ......
我用ActiveXObject("Microsoft.xmldom")来装载xml文档时，竟然老是提示装载失败，后来上网搜索了下，说是不能直接包含这5个符号（'><&"），必须选用&xx;方式来转义，可我找遍XML也没发现这些。
后来我独行排除，才发现有一个元素的属性值为有“|”，去除后就正常了。我真是觉得奇怪，网上也没有说 ......
基于JQuery框架的AJAX
前几天发了个贴，分享了prototype框架关于AJAX方面的学习过程。然后有人说jquery框架更方便。
正好项目中准备使用thickbox，于是干脆抛弃prototype.js，看起jquery.js了。JQuery确实不错，体积比 Prototype小了许多，而且使用起来更方便更灵活。有人说Prototype像JAVA，正统；而JQuery像Ruby，灵活� ......
js文件:
var where=" where pd_Isjifen=0 and pd_Isok=1"; //查询条件
var psize=16; //查询数据数目
var pindex=0;//当前页数
var order=" order by pd_Update desc,type_sort,pd_brand,pd_typeid"; //排序条件
var temp=0; //模板名称
var Pcount=0;
//获取参数
function getUrlPara(p ......
