首先建立一个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的基础知识和应用技巧,帮助初学者快速上手。 1. **Ajax的基本原理** - **异步通信**:Ajax的核心特性是异步,意味着它可以在不打断用户当前操作的情况下发送和...
对于初级学习者来说,了解并掌握Ajax的基本应用是迈进Web开发高级领域的基础。 ### 1. Ajax工作原理 Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器进行通信。工作流程包括以下四个...
- **XML与JSON**:早期的Ajax使用XML数据格式,但现在更常见的是使用轻量级的JSON(JavaScript Object Notation)格式传输数据。 ### 2. 创建Ajax请求 创建一个Ajax请求通常涉及以下步骤: - **创建...
- **Ajax.pdf**:可能包含了Ajax的基础概念、使用方法及示例代码,适合初学者入门。 - **征服Ajax - Web2.0开发技术详解试读版.pdf**:这是一本深入讲解Ajax与Web2.0开发的书籍,试读版可能涵盖基础概念和实践技巧,...
- **完全使用AJAX的应用程序**:所有交互都通过AJAX完成,提供更加流畅的用户体验。 #### 二、使用XMLHttpRequest对象 - **创建XMLHttpRequest对象**:在不同的浏览器中创建XMLHttpRequest对象的方式有所不同。 ...
虽然原生XMLHttpRequest使用起来略显复杂,但库如jQuery提供了更简洁的API来处理Ajax请求,如`$.ajax()`、`$.get()`和`$.post()`等。它们简化了异步请求的编写,并提供了丰富的错误处理和回调选项。 七、最佳实践 -...
关于Ajax的一些介绍和了解,适合新手初学Ajax知识,简单易懂,对于毕业生应对面试有一定的帮助。
虽然AJAX最初与XML关联,但现代Web开发更多使用JSON(JavaScript Object Notation)作为数据格式。JSON更简洁,易于阅读和编写,同时JavaScript原生支持JSON,解析和序列化都非常方便。 **AJAX的局限性** 尽管AJAX...
适合Ajax初学者的很好的参考手册,分享给大家!
在这个"Ajax的初级应用(Web)实例"中,我们可能涉及到以下几个关键知识点: 1. **XMLHttpRequest对象**:这是Ajax的核心,它是浏览器提供的一种API,用于在后台与服务器进行通信。通过创建XMLHttpRequest对象,...
《Ajax从入门到精通》作为比较全面的Ajax教程...同时适合Web前端开发人员、Web性能检测人员、需要掌握Ajax技术的测试人员、Web架构师、学习Web高级技术的初级程序员以及所有的Web普通开发人员作为必备参考用书使用。
本篇文章将深入探讨Ajax异步请求的验证,解决初级问题,为初学者提供参考。 一、Ajax的基本概念 Ajax并非一种单一的技术,而是一种利用现有Web技术(如JavaScript、XML、HTML、CSS等)组合成的新应用方式。它的...
通过这个初级的AJAX应用示例,我们可以学习到如何使用JavaScript和AJAX技术实现动态加载和更新页面内容,而无需完全刷新页面。这在现代网页设计中是非常重要的,因为它可以提供更好的用户体验,减少用户等待时间,...
其实说起AJAX的初级应用是非常简单的,通俗的说就是客户端(javascript)与服务端(asp或php等)脚本语言的数据交互。 看完本篇ajax实例教程,我相信你也可以轻松做出一个初级的AJAX应用。
总的来说,《Bulletproof AJAX》不仅适合初级AJAX程序员作为入门教程,也适合有经验的开发者提升技能。通过阅读此书,读者能够掌握创建高性能、高质量AJAX应用所需的所有知识,从而在Web开发领域中实现自己的...
它适用于初级和高级开发者,无论您是新手还是经验丰富的JavaScript专家,jQuery都能提供简洁易读的代码。 - **特点**:jQuery以其强大的选择器(Selector)和DOM操作著名,支持链式调用(Chaining),使得代码更...
Ajax基础 使用Ajax发送异步请求 在请求和响应中使用XML 使用JSON进行数据传输