`
dengminhui
  • 浏览: 167910 次
  • 来自: ...
社区版块
存档分类
最新评论

初级Ajax使用

阅读更多

首先建立一个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的基础知识和应用技巧,帮助初学者快速上手。 1. **Ajax的基本原理** - **异步通信**:Ajax的核心特性是异步,意味着它可以在不打断用户当前操作的情况下发送和...

    ajax初级基本应用

    对于初级学习者来说,了解并掌握Ajax的基本应用是迈进Web开发高级领域的基础。 ### 1. Ajax工作原理 Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器进行通信。工作流程包括以下四个...

    ajax初级教程ajax初级教程

    - **XML与JSON**:早期的Ajax使用XML数据格式,但现在更常见的是使用轻量级的JSON(JavaScript Object Notation)格式传输数据。 ### 2. 创建Ajax请求 创建一个Ajax请求通常涉及以下步骤: - **创建...

    关于ajax的初级阅读

    - **Ajax.pdf**:可能包含了Ajax的基础概念、使用方法及示例代码,适合初学者入门。 - **征服Ajax - Web2.0开发技术详解试读版.pdf**:这是一本深入讲解Ajax与Web2.0开发的书籍,试读版可能涵盖基础概念和实践技巧,...

    ajax教程(初级)

    - **完全使用AJAX的应用程序**:所有交互都通过AJAX完成,提供更加流畅的用户体验。 #### 二、使用XMLHttpRequest对象 - **创建XMLHttpRequest对象**:在不同的浏览器中创建XMLHttpRequest对象的方式有所不同。 ...

    Ajax表单验证,初级,适合入门新学者用。

    虽然原生XMLHttpRequest使用起来略显复杂,但库如jQuery提供了更简洁的API来处理Ajax请求,如`$.ajax()`、`$.get()`和`$.post()`等。它们简化了异步请求的编写,并提供了丰富的错误处理和回调选项。 七、最佳实践 -...

    Ajax初级教学手册

    关于Ajax的一些介绍和了解,适合新手初学Ajax知识,简单易懂,对于毕业生应对面试有一定的帮助。

    AJAX无刷新资料初级入门

    虽然AJAX最初与XML关联,但现代Web开发更多使用JSON(JavaScript Object Notation)作为数据格式。JSON更简洁,易于阅读和编写,同时JavaScript原生支持JSON,解析和序列化都非常方便。 **AJAX的局限性** 尽管AJAX...

    ajax初级学习文档

    适合Ajax初学者的很好的参考手册,分享给大家!

    Ajax的初级应用(web)实例

    在这个"Ajax的初级应用(Web)实例"中,我们可能涉及到以下几个关键知识点: 1. **XMLHttpRequest对象**:这是Ajax的核心,它是浏览器提供的一种API,用于在后台与服务器进行通信。通过创建XMLHttpRequest对象,...

    Ajax从入门到精通

    《Ajax从入门到精通》作为比较全面的Ajax教程...同时适合Web前端开发人员、Web性能检测人员、需要掌握Ajax技术的测试人员、Web架构师、学习Web高级技术的初级程序员以及所有的Web普通开发人员作为必备参考用书使用。

    Ajax异步请求的验证

    本篇文章将深入探讨Ajax异步请求的验证,解决初级问题,为初学者提供参考。 一、Ajax的基本概念 Ajax并非一种单一的技术,而是一种利用现有Web技术(如JavaScript、XML、HTML、CSS等)组合成的新应用方式。它的...

    AJAX初级应用-RSS无刷新聚合器的代码与下载第1/3页

    通过这个初级的AJAX应用示例,我们可以学习到如何使用JavaScript和AJAX技术实现动态加载和更新页面内容,而无需完全刷新页面。这在现代网页设计中是非常重要的,因为它可以提供更好的用户体验,减少用户等待时间,...

    AJAX+ASP交互的实例

    其实说起AJAX的初级应用是非常简单的,通俗的说就是客户端(javascript)与服务端(asp或php等)脚本语言的数据交互。 看完本篇ajax实例教程,我相信你也可以轻松做出一个初级的AJAX应用。

    bulletproof ajax 英文版

    总的来说,《Bulletproof AJAX》不仅适合初级AJAX程序员作为入门教程,也适合有经验的开发者提升技能。通过阅读此书,读者能够掌握创建高性能、高质量AJAX应用所需的所有知识,从而在Web开发领域中实现自己的...

    四种流行的AJAX框架.doc

    它适用于初级和高级开发者,无论您是新手还是经验丰富的JavaScript专家,jQuery都能提供简洁易读的代码。 - **特点**:jQuery以其强大的选择器(Selector)和DOM操作著名,支持链式调用(Chaining),使得代码更...

    ajax技术开发培训ppt

    Ajax基础 使用Ajax发送异步请求 在请求和响应中使用XML 使用JSON进行数据传输

Global site tag (gtag.js) - Google Analytics