首先建立一个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>
分享到:
相关推荐
ajax初级教程,很容易理解!ajax初级教程,很容易理解!ajax初级教程,很容易理解!
适合初级ajax学习者,是最基本的ajax应用
Ajax初级入门的课件,对初学Ajax的人有所帮助!
ajax的初级使用帮助文档
描述了初级的关于AJAX的请求返回与 WEB2.0的结合应用 aaaaaaaaaaaaaa
Ajax表单验证,初级,适合入门新学者用
AJAX无刷新资料初级入门,不错的资源
关于Ajax的一些介绍和了解,适合新手初学Ajax知识,简单易懂,对于毕业生应对面试有一定的帮助。
适合Ajax初学者的很好的参考手册,分享给大家!
Ajax的初级应用(web)实例
《Ajax从入门到精通》作为比较全面的Ajax教程...同时适合Web前端开发人员、Web性能检测人员、需要掌握Ajax技术的测试人员、Web架构师、学习Web高级技术的初级程序员以及所有的Web普通开发人员作为必备参考用书使用。
word文档的ajax的教程!值得一看!
这里有具体的Ajax验证登录信息的源码,可以让用户更好的了解ajax初级的验证信息的问题
其实说起AJAX的初级应用是非常简单的,通俗的说就是客户端(javascript)与服务端(asp或php等)脚本语言的数据交互。 看完本篇ajax实例教程,我相信你也可以轻松做出一个初级的AJAX应用。
解决Ajax异步验证的初级问题,仅供参考
Ajax基础 使用Ajax发送异步请求 在请求和响应中使用XML 使用JSON进行数据传输
ajax初级入门。 无刷新实现省市2级菜单联动。 代码简单,很容易明白。
本文是ajax初级教程的第一篇,本系列教程将从实用的角度出发,以最快的速度让读者掌握基本的AJAX应用,以最直接的方式展示AJAX技术。本文则讲解下AJAX的基础知识