`

jquery 与prototype 中ajax的应用

阅读更多
    jquery ajax校验
 
 
/**************jquery ajax校验***************************************************/
function onclickXml(name){
              
     var hotelId=$("#hotelId").val();
     if(name.value ==''||name.value.length==0){
			alert('输入的用户名为空!');
	 		return false;
	 }
     else
     {
     alert("aaaaa");
         $.ajax({
		           type: "POST",
		           url: "<%=request.getContextPath()%>/hotelManage.do?method=ajaxValidateName",
		           data: "uname="+name.value,
		           success: function(msg){
			         alert(msg);			  
		           }
		        });
      }
    
  }


prototype ajax校验
 /**************prototype ajax校验***************************************************/ 
function validateName(name){
 
    var   url="<%=request.getContextPath()%>/hotelManage.do?method=ajaxValidateName";
   var pars="hotelId="+encodeURI(encodeURI($("#hotelId").val()))+"&name="+encodeURI(encodeURI(name.value));//解决中文乱码问题
        var myAjax = new Ajax.Request(
        url,
        {
        method: 'post',
        parameters: pars,
        onComplete: showResponse
        });
  }
function showResponse(originalRequest)
{
  // var tt = originalRequest.responseText;
   alert(originalRequest.responseText);
 // $("#loading").html("<font color='red'>该名称已存在!</font>");  
 //  $("#loading").show(); 
}


jsp代码
<input type="hidden" name="hotelId" id="hotelId" value="<c:out value='${hotelId}'/>"/>
  名称:<input name="name" id="name" value="" type="text" size="16" onblur="validateName(this);"/><!--onclickXml(this) -->


后台action
	public ActionForward ajaxValidateName(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) throws Exception
	{
		HotelBusIface service = (HotelBusIface) this.getObject();
		String name = URLDecoder.decode(request.getParameter("name"),"UTF-8");
		String hotelId = request.getParameter("hotelId");
		PrintWriter out = response.getWriter();
		System.out.println(name+"-----"+hotelId);

		if(service.existImageName(hotelId, name))
		{
			System.out.println("exist");
			out.println("exist");
		}else
		{
			System.out.println("noexist");
			out.println("noexist");
		}
        return  null;
	}
分享到:
评论

相关推荐

    Ajax(Ajax,jquery,prototype综合).rar

    jQuery提供了`.ajax()`、`.get()`、`.post()`等方法,Prototype有`Ajax.Request`和`Ajax.Updater`等,它们都封装了底层的XMLHttpRequest操作,让开发者可以更专注于业务逻辑。 6. **jQuery的Ajax**:jQuery的Ajax...

    jquery prototype dojo 之 Ajax example and 学习总结

    本文将结合标题“jquery prototype dojo 之 Ajax example 和学习总结”以及描述,深入探讨jQuery、Prototype和Dojo这三种JavaScript库中的Ajax应用,以及相关的学习要点。 首先,jQuery是目前最流行的JavaScript库...

    jquery + prototype框架

    Prototype是在jQuery之前出现的一个JavaScript库,它同样提供了一套强大的工具来处理DOM、事件和Ajax操作。Prototype的主要特性包括: 1. **Element对象**: Prototype扩展了JavaScript的内置对象,如`Element`,...

    prototype的ajax应用

    13. **AJAX与安全**: 考虑到跨域请求的安全性,Prototype支持JSONP(JSON with Padding)技术,以绕过同源策略限制。 14. **与其他库的兼容性**: 尽管Prototype提供了自己的DOM操作和事件处理,但也可以与其他...

    prototype-AJAX案例

    通过分析案例代码,你可以深入理解Prototype如何简化AJAX开发,并学会如何在实际项目中应用。 此外,Prototype还提供了其他辅助方法,如`Ajax.activeRequestCount`来跟踪当前活跃的AJAX请求数量,以及`Ajax.options...

    javascript框架(json.jQuery.prototype).rar

    在给定的标题“javascript框架(json.jQuery.prototype).rar”中,我们可以推测这是一个关于JavaScript框架,特别是jQuery框架的教程或者参考资料。jQuery是广泛使用的JavaScript库,它简化了JavaScript的许多方面,...

    javascript手册大全,其中有jquery,prototype手册的

    Prototype在Ajax开发中曾经非常流行,它的核心概念和jQuery有相似之处,但也有一些独特的特性,比如模仿类的实现和元素操作。 总结这些手册,我们可以了解到JavaScript的核心概念、ECMAScript 5的特性,以及两个...

    疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发(part01)

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年,作为Ajax领域最全面、实用的图书,一直深受读者的好评。全书主要分为三个...

    jquery bootstrap prototype框架

    Prototype的Class和Function扩展让JavaScript的类和函数更具表现力,但与jQuery相比,Prototype在现代Web开发中的使用相对较少,因为jQuery的流行和更广泛的支持。 在实际开发中,这三个框架往往结合使用,jQuery...

    CSS Jquery DHTML Prototype 经典电子书

    与JQuery类似,Prototype也支持AJAX交互,可以方便地进行异步数据交换,更新页面内容而无需刷新整个页面。 这些电子书将深入探讨这三种技术的原理、用法和最佳实践,涵盖了从基础到高级的各种主题。通过学习,读者...

    jquery+prototype 源码 资料 插件合集

    《jQuery与Prototype:源码解析、资料汇集及插件应用》 在Web开发领域,JavaScript库如jQuery和Prototype因其强大的功能和易用性而备受开发者喜爱。本资源合集包含了这两个库的源码、相关资料以及插件,为开发者...

    找到了一篇jQuery与Prototype并存的冲突的解决方法

    以前好像在哪里看到过说jQuery与prototype存在冲突,但一直没在意。今天把自己用jquery框架写好的消息提示框特效放到公司原来的系统发现所有的消息提示效果都罢工了! 汗了半天还是没有发现原因,突然想到jquery与...

    级联下拉列表例子(ajax和jquery)&prototype1;.7&jquery;_jar

    级联下拉列表是一种常见的网页交互元素,常用于如地区选择、分类筛选等...这个压缩包中的例子提供了一个学习AJAX和jQuery交互的好起点,对于初学者来说,通过研究这个例子可以深入理解这两种技术在实际项目中的应用。

    prototype与jquery下Ajax实现的差别

    先列举一下Ajax在Jquery和prototype中的实现。 Jquery: 代码如下: [removed] $(function(){ var box = {}; var remoteUrl = ‘index.php’; box.interval = 5*60*1000;//5分钟 box.showBoxInfo = function() { ...

    jQuery框架prototype

    在JavaScript的世界中,jQuery和Prototype是两个非常重要的库,它们都极大地简化了DOM操作、事件处理和Ajax交互。本篇主要关注Prototype库,它是由Sam Stephenson编写的,提供了丰富的功能,使得JavaScript编程变得...

    最新JQuery Prototype 帮助CHM格式

    例如,`$()`函数在Prototype中用于选取元素,与jQuery的选择器有相似之处。Prototype也支持链式调用,如`$('element').addClassName('newClass').hide();`。 Prototype的Ajax功能通过`Ajax.Request`和`Ajax.Updater...

    Js框架Jquery prototype 帮助文档

    **jQuery与Prototype:JavaScript框架深度解析** 在Web开发领域,jQuery和Prototype是两个非常流行的JavaScript库,它们都致力于简化DOM操作、事件处理、Ajax交互以及动画效果。这两个框架各有特色,为开发者提供了...

    AJAX教程EXT教程JQUERY教程DWR教程PROTOTYPE教程

    在这些教程中,你将学习到如何使用AJAX实现页面的异步更新,使用EXTJS构建富客户端应用,利用jQuery进行高效的DOM操作和Ajax交互,通过DWR实现Java和JavaScript之间的无缝通信,以及如何利用Prototype库增强...

    小议JavaScript库——Dojo、jQuery和PrototypeJS的比较.pdf

    jQuery 库是一个轻量级的 JavaScript 库,提供了许多有用的功能,如 DOM、CSS 处理与导航、事件处理、良好用户界面效果和 AJAX 功能。jQue ry 库的核心是 $ 函数,它实际上是一个 jQuery 对象工厂。它的最典型应用,...

    jQuery、Mootools、Prototype三大JavaScript框架中文手册

    然而,原生JavaScript的API庞大且不统一,为了简化开发,社区创造了一系列的框架,其中jQuery、MooTools和Prototype是三个非常著名的JavaScript库。这些框架提供了一致的接口,增强了DOM操作,简化了事件处理,并...

Global site tag (gtag.js) - Google Analytics