`

AJAX AJAX的创建与应用

    博客分类:
  • JS
阅读更多

创建AJAX对象

function createAjax(){
   /* Create a new XMLHttpRequest object to talk to the Web server */
   var xmlHttp = false;
   /*@cc_on @*/
   /*@if (@_jscript_version >= 5)
   try {
     xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
     try {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
     } catch (e2) {
       xmlHttp = false;
     }
   }
   @end @*/
   if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
     xmlHttp = new XMLHttpRequest();
   }
   //alert(xmlHttp);
   return xmlHttp;
  }

 

应用

  function callServer(workNo){
               xmlHttp = null;
               xmlHttp = createAjax();
                  // Build the URL to connect to
                   var url = "ReferenceWorkNo?flg=checkWorkNo&workNo="+toUN.on(workNo);
                   var d = new Date();
                   var rdm = d.getTime();
                   url = url+'&rdm='+rdm;
                   //url=encodeURI(url);
                   //url=encodeURI(url); //写一个不行。如果写一个就是????号。
                   // Open a connection to the server
                   //xmlHttp.abort();
                   xmlHttp.open("GET", url, true);//true is asyn
                   // Setup a function for the server to run when it's done
                   xmlHttp.onreadystatechange = dealWorkNoResult;
                   // Send the request
                   xmlHttp.send(null);
                 }

 

 function dealWorkNoResult(){
            if (xmlHttp.readyState == 4) {
                     var response = xmlHttp.responseText;
                     //var strResult = unescape(response);
                     var rest = parseInt(response);
                     if(rest>0){
                            alert("您输入的工号已经存在,请重新输入");
                            var workNo = document.getElementById('workNo');
                            workNo.value='';
                            workNo.focus();
                            xmlHttp = null;
                            return;
                     }
                        }
        }

另附应用于JS的unicode的转码与解码

var toUN = {
    on: function(str) {
        var a = [],
        i = 0;
        for (; i < str.length;) a[i] = ("00" + str.charCodeAt(i++).toString(16)).slice( - 4);
        return "\\u" + a.join("\\u")
    },
    un: function(str) {
        return unescape(str.replace(/\\/g, "%"))
    }
};

分享到:
评论

相关推荐

    JavaScript语言与Ajax应用第二版_JavaScript语言与Ajax应用_JavaScript应用_javascri

    在"JavaScript语言与Ajax应用(第二版)"这本书中,作者董宁深入探讨了这两者的核心概念和技术应用。 1. **JavaScript基础**:JavaScript语言的基础包括变量、数据类型、运算符、流程控制(条件语句、循环语句)、...

    传统Web应用与AJAX应用

    **传统Web应用与AJAX应用** 在Web应用的发展历程中,传统的Web应用和AJAX(Asynchronous JavaScript and XML)应用是两个重要的阶段。传统的Web应用,又称为“页面刷新”模型,是基于HTTP协议的请求-响应模式。用户...

    ajax与C#应用详细实例

    **Ajax与C#应用详细实例** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验...

    很典型的ajax应用

    在IT行业中,Ajax(Asynchronous JavaScript and XML)是一...同时,将Ajax技术与Java后端相结合,可以构建出高效、灵活的Web应用程序。通过学习和实践这样的实例,开发者能够更好地理解和掌握Ajax在实际项目中的应用。

    ajax应用举例

    首先,Ajax的核心在于创建一个XMLHttpRequest对象,这是浏览器内置的对象,允许我们与服务器进行异步通信。在JavaScript中,你可以通过以下方式创建一个XMLHttpRequest实例: ```javascript var xhr = new ...

    一个完整的ajax应用例子

    2. **JavaScript**:Ajax使用JavaScript来创建XMLHttpRequest对象,它是与服务器进行通信的关键。 3. **XML与JSON**:虽然名字中有XML,但现代Ajax应用更倾向于使用JSON(JavaScript Object Notation)作为数据交换...

    Ajax中文手册 API

    2. AJAX实例AJAX可以用来创建更多交互式的网络应用程序。3. AJAX源代码简要分析上一章节效果的代码原理4. AJAX与数据库AJAX可以用来和数据端进行数据的交互联通。5. 使用AJAX制作留言本使用已有的AJAX教程,制作一个...

    ajax 技术基本应用

    1) **创建XMLHttpRequest对象**:这是Ajax的核心,负责与服务器通信。 2) **初始化请求**:设置HTTP方法(GET或POST)、URL以及是否异步执行。 3) **发送请求**:调用XMLHttpRequest对象的open()和send()方法,将...

    简单的Ajax应用

    2. **创建XMLHttpRequest对象**:这是Ajax的基础,JavaScript会创建一个XMLHttpRequest实例。 3. **打开连接**:调用XMLHttpRequest对象的open()方法,指定HTTP请求类型(GET或POST)、URL以及是否异步执行。 4. **...

    基于ajax的应用案例

    6. **表单提交与反馈**:在GIS应用中,用户可能需要填写表单提交数据,Ajax可以实现表单的异步提交,即时反馈结果,提高用户体验。 7. **缓冲区分析**:在GIS分析中,Ajax可用于执行缓冲区分析,用户设定半径后,...

    Ajax应用开发典型实例

    Ajax(Asynchronous JavaScript and XML)技术是现代Web应用程序中的关键组成部分,它允许在不刷新整个页面的情况下与服务器进行异步数据交换。这种技术极大地提升了用户体验,因为它减少了页面加载时间和交互延迟。...

    ajax工具的应用

    AJAX(Asynchronous JavaScript and XML)是Web开发中一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。AJAX 的核心是利用JavaScript来实现局部页面的异步通信,它极...

    挑战javascript&ajax应用开发

    JavaScript 和 AJAX 是 web 开发中的两个重要概念,它们在创建交互式、动态和实时的网页应用中发挥着关键作用。JavaScript 是一种轻量级的解释型编程语言,主要用于客户端的网页脚本,而 AJAX(Asynchronous ...

    挑战JavaScript &amp; Ajax 应用开发

    通过 AJAX,开发者可以在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这种技术极大地提高了用户体验,因为它允许网页在后台加载新数据,而不会打断用户的交互。虽然名字中包含 XML,但现代 AJAX ...

    AJAX应用笔记(1)

    在Web开发领域,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。本笔记将探讨AJAX的基本原理和实现方式,通过分析...

    ajax实例演示源代码详细描述了ajax的应用

    在Web开发中,Ajax被广泛用于创建更快、更互动的用户体验,提高网页应用的响应速度和效率。本篇文章将深入探讨Ajax实例演示中的关键知识点,以及如何在实际项目中应用这些知识。** **一、Ajax工作原理** Ajax的核心...

    AJAX在DOMINO中应用

    - **交互式菜单**:"ajax数形菜单.nsf"可能展示了如何利用AJAX创建动态的、响应式的菜单系统。当用户点击菜单项时,无需页面跳转,而是通过AJAX加载相应的内容到指定区域。 4. **安全与性能考虑** - **安全性**:...

    四天学会ajax_ajax教程.pdf

    【Ajax的优势与应用】 Ajax的主要优势在于提高了Web应用的性能和用户体验,减少了网络延迟,使得用户几乎感觉不到等待。这种技术被广泛应用于各种Web应用,如谷歌地图、Gmail、Facebook等,提供了流畅的滚动、实时...

    ajax代码 ajax代码

    在描述中提到的"ajax代码的程序,ajax代码好的程序",这意味着我们将探讨如何编写高效的Ajax代码,以及创建优秀的Ajax应用。Ajax的核心组件包括JavaScript、XMLHttpRequest对象、DOM操作和异步通信。以下是对这些...

Global site tag (gtag.js) - Google Analytics