初级Ajax使用

dengminhui

首先建立一个Javascript文件如下
function ajaxFunction(url,callback)   {   var xmlHttp;   try    {     // Firefox, Opera 8.0+, Safari     xmlHttp=new XMLHttpRequest();     }   catch (e)     {     // Internet Explorer     try      {       xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");       }     catch (e)       {       try        {         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");         }       catch (e)         {         alert("Your browser does not support AJAX!");         return false;         }       }     }     xmlHttp.onreadystatechange=function()       {       if(xmlHttp.readyState==4)         {           return callback(xmlHttp.responseText);         }       }     xmlHttp.open("GET",url,true);     xmlHttp.send(null);     }  
 
然后在实际使用文件头部中针对返回的message做处理
//Ajax回调函数，返回查询出的字符串function callback(message) {var content = document.getElementById("userSelect");content.outerHTML = '<select style="width:200px;"  id="userSelect" size=10  multiple="multiple" name="userSelect" ondblclick="addUserSelect(userSelect,userList,userIdList)">'+message+'</select>';    } 
 
 实际使用文件内，注意ajaxFunction的两个参数，第一个为请求的地址，第二个为callback函数名
<select  style="width:200px;" id="departSelect" size=10 multiple="multiple" name="departSelect" ondblclick="ajaxFunction('selectUserByDepart.do?departName='+this.value,callback);">            #foreach($depart in $departMap.values() )              <option value=$depart>$depart</option>           #end              </select>