一 29

ajax和struts结合实现无刷新验证用户名是否存在

JS/AJAX 88Views  5 Comments »

页面端(login.jsp):

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <TITLE>Ajax验证用户名是否存在例子</TITLE>
 <script>
 
 //设一个变量
 
 var XMLHttpReq=false;
  //创建一个XMLHttpRequest对象
  function createXMLHttpRequest(){
    if(window.XMLHttpRequest){ //Mozilla
     XMLHttpReq=new XMLHttpRequest();
     }
     else if(window.ActiveXObject){
      try{
       XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
       }catch(e){
        try{
         XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
         }catch(e){}
         }
        }
       }
  //发送请求函数
  function send(url){
   createXMLHttpRequest();
   XMLHttpReq.open("get",url,true);
   XMLHttpReq.onreadystatechange=proce;   //指定响应的函数
   XMLHttpReq.send(null);  //发送请求
   }
  function proce(){
   if(XMLHttpReq.readyState==4){ //对象状态
    if(XMLHttpReq.status==200){//信息已成功返回，开始处理信息    
                <!–测试读取xml开始–>
    var root=XMLHttpReq.responseXML;
    var res=root.getElementsByTagName("content")[0].firstChild.data;
    window.alert(res);
     <!–测试读取xml结束–>  
    //var xmlReturn = XMLHttpReq.responseText;
    //window.alert(xmlReturn);
    }else{
     window.alert("所请求的页面有异常");
     }
     }
     } 阅读全文 »

作者：堕落天使 Tags: ,

一 18

DWR中文文档

JS/AJAX 87Views  3 Comments »

DWR中文文档
对应源文档2006年8月7号版
原文地址：http://getahead.ltd.uk/dwr/documentation

作者：堕落天使 Tags: ,

一 18

DWR让Ajax如此简单

JS/AJAX 56Views  无评论 »

出处:Matrix
　　这篇文章阐述了使用开源项目DWR(直接Web远程控制)和Ajax(异步JavaScript和XML)的概念来提高Web应用的可用性。作者一步步来展示DWR如何使得Ajax的应用既简单又快捷。
　　Ajax，或者说是异步JavaScript和XML，描述了一种使用混合了HTML(或XHTML)和层叠样式表作为表达信息,来创建交互式的Web应用的开发技术;文档对象模型(DOM)，JavaScript,动态地显示和与表达信息进行交互;并且，XMLHttpRequest对象与Web服务器异步地交换和处理数据。

　　因特网上许多例子展示了在一个HTML文件内部使用XMLHttpRequest与服务器端进行交互的必要的步骤。当手工地编写和维护XMLHttpRequest代码时，开发者必须处理许多潜在的问题，特别是类似于跨浏览器的DOM实现的兼容性这样的问题。这将会导致在编码和调试Javascript代码上面花费数不清的时间，这显然对开发者来说很不友好。

　　DWR(直接Web远程控制)项目是在Apache许可下的一个开源的解决方案，它供给那些想要以一种简单的方式使用Ajax和XMLHttpRequest的开发者。它具有一套Javascript功能集，它们把从HTML页面调用应用服务器上的Java对象的方法简化了。它操控不同类型的参数，并同时保持了HTML代码的可读性。

　　DWR不是对一个设计的插入，也不强迫对象使用任何种类的继承结构。它和servlet框架内的应用配合的很好。对缺少DHTML编程经验的开发者来说，DWR也提供了一个JavaScript库包含了经常使用的DHTML任务，如组装表，用item填充select下拉框，改变HTML元素的内容，如<div>和<span> 阅读全文 »

作者：堕落天使 Tags: ,

一 16

利用 DOM 进行 Web 响应

JS/AJAX 79Views  无评论 »
程序员（使用后端应用程序）和 Web 程序员（编写 HTML、CSS 和 JavaScript）之间的分水岭是长久存在的。但是，Document Object Model (DOM) 弥补了这个裂缝，使得在后端使用 XML 同时在前端使用 HTML 切实可行，并成为极其有效的工具。在本文中，Brett McLaughlin 介绍了 Document Object Model，解释它在 Web 页面中的应用，并开始挖掘其在 JavaScript 中的用途。
与许多 Web 程序员一样，您可能使用过 HTML。HTML 是程序员开始与 Web 页面打交道的方式；HTML 通常是他们完成应用程序或站点前的最后一步——调整一些布局、颜色或样式。不过，虽然经常使用 HTML，但对于 HTML 转到浏览器呈现在屏幕上时到底发生了什么，人们普遍存在误解。在我分析您认为可能发生的事情及其可能错误的原因之前，我希望您对设计和服务 Web 页面时涉及的过程一清二楚：

阅读全文 »

作者：堕落天使 Tags:

十二 04

面向 Java 开发人员的 Ajax: Google Web Toolkit 入门

JS/AJAX 59Views  无评论 »

肖 菁, 唯 J 族创始人

2006 年 7 月 03 日

Ajax 被用于创建更加动态和交互性更好的 Web 应用程序。Google Web Toolkit (简称GWT) 是 Google 推出的 Ajax 应用开发包，GWT 支持开发者使用Java 语言开发 Ajax 应用。本文中作者将介绍如何使用 GWT 开发 Ajax 应用的基本方法和步骤。

Ajax简介
Ajax是 Asynchronous JavaScript and XML（以及 DHTML 等）的缩写，由XHTML、CSS、JavaScript、XMLHttpRequest、XML等技术组合而成，是当前Web应用开发领域的热门技术，用于创建更加动态和交互性更好的Web应用程序，提升用户的浏览体验。
Ajax的核心是JavaScript对象XmlHttpRequest。XmlHttpRequest处理所有服务器通信的对象，是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。
Ajax并不是本文的中心关注点，因此这里不再赘述，请大家访问参考资源区的相关链接，了解更多关于Ajax技术和应用方面的知识。

为什么选择GWT？

众所周知，即使对于Ajax技术非常熟悉的开发者而言，Ajax应用的开发和调试过程也不是一件容易的事情，更困难的是，到目前为止，一直没有出现合适的开发工具能够支持Ajax应用的开发和调试。

与此相反的是，Java语言–企业应用开发的主流语言-的开发和调试过程却因为有各种各样开发工具的支持而简单的多，而且这样的开发工具我们可以免费获得，比如Eclipse、NetBeans。

阅读全文 »

作者：jock Tags: