刚开始学习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>
做一篇试试吧！！
分享到：
相关推荐
在jQuery中，操作DOM变得非常简单。例如，要添加一个新的HTML元素，可以使用`append()`或`prepend()`方法。要删除元素，使用`remove()`。修改元素内容，用`html()`, `text()`, 或 `val()`。 **事件处理** jQuery...
在这个“struts2.json.jquery简单实例”中，我们将深入理解这三个技术如何协同工作，以实现高效的数据交换和用户界面更新。 首先，Struts2是一个基于MVC（模型-视图-控制器）架构的Java框架，它简化了Java Web应用...
在本实例中，我们主要探讨的是如何利用JQuery与C# .NET框架相结合，实现一个简单的异步功能，即在用户界面中验证用户名是否已经存在。这个实例是基于Visual Studio 2008开发环境，涉及到的技术栈包括前端的HTML、CSS...
### jQuery简单应用实例详解 #### 一、理解jQuery与传统JavaScript的区别 在现代网页开发中，jQuery作为一种轻量级的JavaScript库，极大地简化了HTML文档遍历、事件处理、动画等操作，使得开发者能够更加专注于...
1. **选择器**：jQuery借鉴了CSS的选择器，使得选取DOM元素变得简单。例如，`$("#myID")` 选取ID为'myID'的元素，`$(".myClass")` 选取所有class为'myClass'的元素。 2. **DOM操作**：jQuery提供了一套丰富的API来...
**jQuery简单例子** 例如，使用jQuery实现点击按钮隐藏某元素： ```javascript $(document).ready(function() { $("#myButton").click(function() { $("#myElement").hide(); }); }); ``` 在这个例子中，当...
在这个"JqueryAjax简单实例"中，我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先，我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....
刚学 整出来个例子 请指教... jq控制css... jq选择器... jq控制属性... 自定义标签... jq事件... jq循环遍历...
在"bootstrap&jQueryUI例子"这个压缩包中，可能包含的是结合了这两个框架的示例代码或项目。这些示例通常会展示如何在同一个页面中有效地利用 Bootstrap 的布局和样式，同时引入 jQuery UI 的组件，实现更复杂的用户...
这个“jQuery简单小例子”旨在为初学者提供一个快速入门的教程，帮助他们理解和掌握jQuery的基本用法。 1. **引入jQuery库** 在HTML文件中，可以通过在`<head>`标签内添加以下代码来引入jQuery库： ```html ...
"jQuery实例完整例子"提供了丰富的示例，帮助初学者和有经验的开发者更好地理解和应用jQuery库，尤其在创建高级特效方面。 在jQuery中，特效是其魅力之一，它们使网页更具吸引力和互动性。例如，`slideUp()`和`...
- jQuery提供了$.ajax()函数，使得发起AJAX请求变得简单。该函数允许我们指定URL、请求类型（GET或POST）、数据、回调函数等参数，实现异步数据通信。 - AJAX的核心优势在于其非阻塞特性，能提高用户体验，因为...
**jQuery 简单效果源代码详解** jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作等任务。在"jquery 简单效果源代码"中，我们可能涉及到的基本概念和技巧包括： ...
**jQuery经典例子大全** jQuery，一个轻量级的JavaScript库，因其简洁的API和强大的功能而深受开发者喜爱。它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务，大大提高了Web开发的效率。这个“jQuery...
SSI整合的jar包、jquery的简单实例SSI整合的jar包、jquery的简单实例
本实例聚焦于jQuery与Cookie的交互，包括如何设置、删除和查看Cookie，以及如何设定其有效期。下面我们将深入探讨这些知识点。 首先，让我们了解什么是jQuery Cookie。jQuery本身并不直接支持Cookie操作，但有一些...
《jQuery Treetable最简单实例解析》 在Web开发中，数据展示往往需要有层次感，特别是当数据结构复杂时，树形表格（Treetable）成为一种理想的选择。jQuery Treetable是一款轻量级的JavaScript插件，它能够将普通的...
这个“ajax与jquery实现的简单验证实例”着重于如何利用这两种技术进行前端数据验证，提高用户体验，减少不必要的服务器交互。在这个实例中，我们将探讨Ajax的核心概念，jQuery库的优势，以及它们如何结合实现表单...
《锋利的jQuery》代码实例详解 jQuery是一个广泛应用于Web前端开发的JavaScript库，它以其简洁、高效的特点深受开发者喜爱。本教程通过一系列代码实例，旨在帮助初学...动手尝试，你会发现jQuery的世界既简单又精彩。