`

ajax调用经典写法

    博客分类:
  • JS
阅读更多
AJAX的经典调用

 //创建XML对象
    function createXMLHttpRequest() {
                    if (window.ActiveXObject) {
                                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } else {
                        if (window.XMLHttpRequest) {
                            xmlHttp = new XMLHttpRequest();
                   }
        }
    }
 
  
    //处理函数
     function callback()
        {
            if(xmlHttp.readyState == 4)
            {
                if(xmlHttp.status == 200)
                {
                    parseMessage();
                }else{
                    alert("Not able to retrieve description"+xmlHttp.statusText);
                }
            }
        }
       
      function parseMessage()
        {
        
            var xmlDoc=xmlHttp.responseXML.documentElement;
            var xSel=xmlDoc.getElementsByTagName('hours');
            var select_root=document.getElementById('timeControl.hour');
            select_root.options.length=0;
            
            for(var i=0;i<xSel.length;i++)
            {
                var xValue=xSel[i].childNodes[0].firstChild.nodeValue;
                var xText=xSel[i].childNodes[1].firstChild.nodeValue;
                
                var option=new Option(xText,xValue);//Option是包含value和text的对象
                try{
                    select_root.add(option);
                }catch(e){
                }
            }
        }


      //调用服务器
     function callServer1(){
               
                  createXMLHttpRequest();
              
             // var name=document.getElementById('name').value;
              
              var url="<%=request.getContextPath()%>/adv/AdvSpaceManageAction.do?act=getDate"+"&time="+new Date();
              
              alert(url);
              
                  xmlHttp.open("GET", url, true);
                  
                  xmlHttp.onreadystatechange = callback;
                  
              xmlHttp.send(null); 
              
     }   


要求:---- ajax不能在一个页面加载 或者后面需要关闭页面的js代码段中使用.
分享到:
评论

相关推荐

    jsp 调用 jsp 的ajax写法 小例子

    要实现JSP调用JSP的AJAX过程,主要分为以下几个步骤: 1. **创建JSP页面**:首先,我们需要创建两个JSP页面,一个用于显示内容(如`main.jsp`),另一个用于处理请求并返回数据(如`process.jsp`)。 2. **编写...

    PHP+Ajax 效果留言板

    - **异步请求**:Ajax调用是异步的,这意味着它不会阻塞浏览器,用户可以继续浏览其他内容。 - **JSON格式**:尽管名称中含有XML,但现代Ajax更倾向于使用JSON(JavaScript Object Notation)格式传输数据,因为JSON...

    ajaxRequest.js(ajax get post方法封装,方便前端调用)

    封装jquery ajax方法,方便调用,避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可,区分同步异步,get post!希望对大家有帮助

    原生AJAX写法实例分析

    在介绍原生AJAX写法的实例分析中,我们首先需要了解AJAX(Asynchronous JavaScript and XML)技术的概念。AJAX是一种能够使用JavaScript在不重新加载页面的情况下,与服务器交换数据并更新部分网页的技术。使用AJAX...

    jQuery 中ajax异步调用的四种方式

    `$.ajax` 是jQuery中最基础的AJAX调用方法,它允许自定义所有请求的细节。在示例代码中,`type` 指定了请求类型(GET),`url` 定义了请求的目标页面(Result.aspx),`data` 包含了发送到服务器的数据(name=John&...

    使用XMLHTTPRequest实现自定义ajax。javascript闭包模式写法。值的学习

    在JavaScript的世界里,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。XMLHTTPRequest对象是实现Ajax的核心,它是...

    ajax、jquery各种很实用的分页写法

    AJAX(Asynchronous JavaScript and XML)和jQuery是实现动态分页的常用技术。这篇文章将详细解释如何使用这两种技术来创建实用的分页功能。 首先,理解AJAX的基础。AJAX是一种在不刷新整个页面的情况下,与服务器...

    ajax技术文档 一些常用的ajax技术文档,及其应用实例!

    4. **创建服务器端Ajax方法**:通过添加`[AjaxPro.AjaxMethod]`特性标记,你可以将一个服务器端方法标记为可由Ajax调用。例如,下面的`getValue`方法将接收两个整数参数,相加后返回结果到客户端: ```csharp ...

    javascript原生ajax写法分享_.docx

    JavaScript中的AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。它的核心是XMLHttpRequest对象,这个对象允许我们与服务器进行异步数据交换,从而实现网页...

    javascript原生ajax写法分享

    在JavaScript中,Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。它的核心是XMLHttpRequest对象,它允许JavaScript与服务器进行异步通信,实现...

    ajax技术用到的包 老版本ajax.dll .net1.1版本ajaxpro.ll net2.01版本ajaxpro.2.dll

    AJAX.NET提供的最主要的(也是唯一)的功能就是异步调用服务器端方法,可谓非常纯粹的“基于数据”的AJAX使用方式。这个框架是一个个人作品,有支持.NET 1.1和2.0的版本,它并不属于微软官方,目前已经停止更新。 ...

    控件嵌套在ajax的模板中 需要提示的对话框写法

    在本篇文章中,我们将深入探讨如何在Ajax模板中嵌套控件,并实现特定情况下提示对话框的方法。通过本文,读者可以了解到如何有效地在基于Ajax的Web应用中展示对话框,尤其是在用户验证或需要进行提示信息时的情景下...

    基于js原生和ajax的get和post方法以及jsonp的原生写法实例

    本文将深入探讨基于JavaScript原生实现的AJAX的GET、POST方法以及JSONP(JSON with Padding)的原生写法,并提供相关的实例代码。 1. **AJAX GET方法** AJAX GET方法用于向服务器发送请求获取数据。在给定的示例中...

    基于wordpress的ajax写法详解

    总结来说,基于WordPress的AJAX写法主要包括以下步骤: 1. 在前端JavaScript中,使用jQuery发起AJAX请求,设置好URL(admin-ajax.php)和`action`参数。 2. 创建后端PHP处理函数,处理请求并返回数据。 3. 使用`add...

    generator-ajax.zip

    Thunk函数是一种处理异步操作的方式,它接收一个函数作为参数,该函数在其内部调用原函数并处理异步操作。结合Generator,我们可以控制流程的执行,如在遇到alert或confirm时暂停,待用户交互后再恢复。 对于重写...

    Ajax例子源码

    一个基本的Ajax调用涉及以下步骤: 1. 创建XMLHttpRequest对象:在现代浏览器中,可以通过`new XMLHttpRequest()`创建一个实例。 2. 配置请求:通过`open()`方法设置请求类型(GET或POST)、URL以及是否异步执行。 ...

    jQuery + Ajax + json 级联

    在这个过程中,jQuery简化了DOM操作和Ajax调用,而JSON提供了高效的数据交换方式。这种级联效果广泛应用于表单验证、动态过滤、地理定位等多种场景,提升了用户界面的交互性和实时性。 总结来说,jQuery、Ajax和...

Global site tag (gtag.js) - Google Analytics