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
相关文档：
ajax的列表联动示例
1、 输入域：
请选择省：
<select id="sel1" onchange="return choose(this);">
<option value="">--请选择--</option>
<option value="1">湖南省</option>
&nb ......
当用ajax返回多个值的时候，可以用xml，也可以用json
json实例
<html>
<head>
<title>AjaxTest</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
& ......
AjAx.js
var bCheckUserPass = false;
var StrType;
function checkUsers(StrTmp)
{
var oB = window.document.all.nam
StrType=StrTmp
if (oB.length == 0) re ......
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 ......
