`
nivcheral
  • 浏览: 71360 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jQuery简单例子

    博客分类:
  • ajax
阅读更多

 刚开始学习JQuery,也可以说是笔记吧,Jquery简化大量JS工作。今天我们来做一个类似登录功能;

我们来看看Client的代码

<script type="text/javascript" src="jquery/jquery.js"></script>
  </head>
  <script type="text/javascript">
   function check(){

  var queryString={name:encodeURI($("#name").val())};
 // $.get("servlet/check",queryString,function(data){
				
				
	//			$("#ok").html(decodeURI(data));
	//		});
	//		
			
		$.post("servlet/check",queryString,function(data){
				
				
				$("#ok").html(decodeURI(data));
			});
  
  }
  </script>
  <body> 
 name: <input type="text"  id="name" onblur="check();"><div id="ok"></div>
   <input type="button" value="go" onclick="starta();">
   

 Server代码

public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
String name=request.getParameter("name").toString();

		//response.setContentType("text/xml");把这个注释去掉就有危险
		PrintWriter out = response.getWriter();
		if(name.equalsIgnoreCase("nic")){
			
			out.println("  <p>用户已存在");
			out.println("</p>");
			
		}else{
		out.println("  <p>"+request.getParameter("name"));
		out.println("</p>");
		}
		out.flush();
		out.close();
	}

	/**
	 * The doPost method of the servlet. <br>
	 *
	 * This method is called when a form has its tag value method equals to post.
	 * 
	 * @param request the request send by the client to the server
	 * @param response the response send by the server to the client
	 * @throws ServletException if an error occurred
	 * @throws IOException if an error occurred
	 */
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		doGet(request,response);
	}

 web.xml

<servlet>
       <servlet-name>check</servlet-name>
    <servlet-class>check</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>check</servlet-name>
    <url-pattern>/servlet/check</url-pattern>
  </servlet-mapping>

 

做一篇试试吧!!

4
4
分享到:
评论

相关推荐

    jquery简单实例代码

    在jQuery中,操作DOM变得非常简单。例如,要添加一个新的HTML元素,可以使用`append()`或`prepend()`方法。要删除元素,使用`remove()`。修改元素内容,用`html()`, `text()`, 或 `val()`。 **事件处理** jQuery...

    jQuery简单实例.zip

    这个"jQuery简单实例.zip"压缩包显然包含了几个使用jQuery实现的基本功能示例,这些功能对于网页交互性提升有着重要作用。下面将详细解释每个功能的实现原理和应用场景。 1. **表格奇偶行变色**: 表格是网页中...

    struts2.json.jquery简单实例

    在这个“struts2.json.jquery简单实例”中,我们将深入理解这三个技术如何协同工作,以实现高效的数据交换和用户界面更新。 首先,Struts2是一个基于MVC(模型-视图-控制器)架构的Java框架,它简化了Java Web应用...

    JQuery简单实例(C#,HTML,.NET.JQUERY)(工程源码)

    在本实例中,我们主要探讨的是如何利用JQuery与C# .NET框架相结合,实现一个简单的异步功能,即在用户界面中验证用户名是否已经存在。这个实例是基于Visual Studio 2008开发环境,涉及到的技术栈包括前端的HTML、CSS...

    jQuery简单应用实例

    ### jQuery简单应用实例详解 #### 一、理解jQuery与传统JavaScript的区别 在现代网页开发中,jQuery作为一种轻量级的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画等操作,使得开发者能够更加专注于...

    jquery简单实例

    1. **选择器**:jQuery借鉴了CSS的选择器,使得选取DOM元素变得简单。例如,`$("#myID")` 选取ID为'myID'的元素,`$(".myClass")` 选取所有class为'myClass'的元素。 2. **DOM操作**:jQuery提供了一套丰富的API来...

    jquery简单用法大全

    **jQuery简单例子** 例如,使用jQuery实现点击按钮隐藏某元素: ```javascript $(document).ready(function() { $("#myButton").click(function() { $("#myElement").hide(); }); }); ``` 在这个例子中,当...

    JqueryAjax简单实例

    在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....

    JQuery 简单 实例

    刚学 整出来个例子 请指教... jq控制css... jq选择器... jq控制属性... 自定义标签... jq事件... jq循环遍历...

    bootstrap&jQueryUI例子

    在"bootstrap&jQueryUI例子"这个压缩包中,可能包含的是结合了这两个框架的示例代码或项目。这些示例通常会展示如何在同一个页面中有效地利用 Bootstrap 的布局和样式,同时引入 jQuery UI 的组件,实现更复杂的用户...

    jQuery 简单小例子

    这个“jQuery简单小例子”旨在为初学者提供一个快速入门的教程,帮助他们理解和掌握jQuery的基本用法。 1. **引入jQuery库** 在HTML文件中,可以通过在`&lt;head&gt;`标签内添加以下代码来引入jQuery库: ```html ...

    jquery 实例完整例子

    "jQuery实例完整例子"提供了丰富的示例,帮助初学者和有经验的开发者更好地理解和应用jQuery库,尤其在创建高级特效方面。 在jQuery中,特效是其魅力之一,它们使网页更具吸引力和互动性。例如,`slideUp()`和`...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    - jQuery提供了$.ajax()函数,使得发起AJAX请求变得简单。该函数允许我们指定URL、请求类型(GET或POST)、数据、回调函数等参数,实现异步数据通信。 - AJAX的核心优势在于其非阻塞特性,能提高用户体验,因为...

    jquery 简单效果源代码

    **jQuery 简单效果源代码详解** jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作等任务。在"jquery 简单效果源代码"中,我们可能涉及到的基本概念和技巧包括: ...

    jQuery经典例子大全

    **jQuery经典例子大全** jQuery,一个轻量级的JavaScript库,因其简洁的API和强大的功能而深受开发者喜爱。它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务,大大提高了Web开发的效率。这个“jQuery...

    SSI、jquery的简单实例

    SSI整合的jar包、jquery的简单实例SSI整合的jar包、jquery的简单实例

    jquery cookie 实例下载

    本实例聚焦于jQuery与Cookie的交互,包括如何设置、删除和查看Cookie,以及如何设定其有效期。下面我们将深入探讨这些知识点。 首先,让我们了解什么是jQuery Cookie。jQuery本身并不直接支持Cookie操作,但有一些...

    jquery-treetable最简单实例

    《jQuery Treetable最简单实例解析》 在Web开发中,数据展示往往需要有层次感,特别是当数据结构复杂时,树形表格(Treetable)成为一种理想的选择。jQuery Treetable是一款轻量级的JavaScript插件,它能够将普通的...

    ajax与jquery实现的简单验证实例

    这个“ajax与jquery实现的简单验证实例”着重于如何利用这两种技术进行前端数据验证,提高用户体验,减少不必要的服务器交互。在这个实例中,我们将探讨Ajax的核心概念,jQuery库的优势,以及它们如何结合实现表单...

Global site tag (gtag.js) - Google Analytics