<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready( function() {
//使用 Ajax 的方式 判断登录
$("#btn_login").click( function() {
var url = 'loginAction.action';
//获取表单值，并以json的数据形式保存到params中
var params = {
username:$("#username").val(),
password:$("#password").val()
}
//使用$.post方式
$.post(
url, //服务器要接受的url
params, //传递的参数
function cbf(data){ //服务器返回后执行的函数 参数 data保存的就是服务器发送到客户端的数据
//alert(data);
var member = eval("("+data+")"); //包数据解析为json 格式
$('#result').html("欢迎您： "+member.username+"<br>您的密码是："+member.password);
},
'json' //数据传递的类型 json
);
});
});
</script>
<title>jquery 登录</title>
</head>
<body>
<center>
<table>
<tr>
<td>
<span>用户名：</span>
</td>
<td>
<input type="text" id="username" name="model.username">
</td>
</tr>
<tr>
<td>
<span>密码：</span>
</td>
<td>
<input type="password" name="model.password" id="password">
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" id="btn_login" value="Login" />
</td>
</tr>
</table>
<p>
这里显示ajax信息：
<br />
<span id="result"></span>
</p>
<p>
<a href="message.jsp">发送消息</a>
</p>
</center>
</body>
</html>
分享到：
相关推荐
- **Struts2的JSON插件**：虽然题目要求不使用JSON，但通常情况下，Struts2通过JSON插件返回数据给jQuery是最方便的方式。不过，我们可以通过设置Content-Type为"text/plain"或"text/html"，让Struts2返回非JSON...
在给定的文件"TestJQuery"中，很可能包含了实现这个登录示例的JSP页面、jQuery脚本和Struts2相关的配置文件。JSP页面可能包含HTML元素和嵌入的JavaScript代码，用于展示登录表单和处理用户交互。jQuery脚本则负责...
博客链接中提到的内容可能详细解释了如何配置Struts2的Action、Result以及如何在JSP页面中使用jQuery与服务器进行交互，同时展示了如何处理和返回JSON数据。这个小例子可以帮助初学者理解这三者如何协同工作，提升...
Struts2、JSON和JQuery是Web开发中的三个关键技术，它们常常被结合使用来构建高效、动态的用户界面。在本教程中，我们将探讨如何利用这些技术实现一个简单的验证功能。 首先，Struts2是一个基于MVC（Model-View-...
在这个"struts2+ajax+jquery"的主题中，我们将深入探讨如何利用Struts2、jQuery和Ajax技术实现Web页面的异步交互。 首先，Struts2作为MVC框架，它的核心是Action，它负责处理用户的请求，并通过配置的Result返回...
在文件名为`testprj`的压缩包中，可能包含了这个示例项目的源代码，包括Struts2的配置文件、Action类、JSP页面和jQuery脚本等。开发者可以通过研究这些代码，学习如何在实际项目中整合这三个技术。 总结来说，...
通过这个例子，你可以学习到如何在实际项目中结合使用Struts2、JQuery和JSON，包括如何配置Struts2的JSON插件，如何在JQuery中处理JSON数据，以及如何利用JQuery的插件来美化和增强用户界面。同时，理解和掌握JSON的...
在Struts2框架下，我们可以使用Jquery的Ajax方法向服务器发送请求，获取JSON或XML数据，然后动态更新页面的部分内容。 在"06-mvc之struts2.ppt"中，可能涵盖了以下内容： 1. Struts2框架的基本概念和架构 2. 如何...
结合实例，"struts2+jQuery+json 实例"很可能是创建了一个Web应用，用户在前端通过jQuery发送AJAX请求，这些请求可能包含表单数据或者对页面的某些操作。后端Struts2框架接收到请求后，会调用相应的Action执行业务...
在"JsonTestPlus-master"项目中，可能包含了实现以上功能的代码示例，包括Struts2的配置文件、Action类、JSP页面以及相关的JavaScript脚本。小王.png可能是项目的作者或者开发者，也可能与项目中的某个功能或者示例...
4. **jQuery请求与响应处理**：在前端，使用jQuery的Ajax方法向服务器发送请求，如`$.ajax`或`$.getJSON`，获取JSON数据： ```javascript $.getJSON('getData.action', function(data) { // 处理返回的JSON数据 ...
Struts2、jQuery、JSON和Ajax是Web开发中常见的技术栈，它们在构建动态、交互式的Web应用程序中扮演着重要角色。这篇博文可能是介绍如何将这些技术整合到一起，以提高用户界面的响应性和用户体验。 Struts2是一个...
JEECMS使用目前java主流技术架构：hibernate3+struts2+spring2+freemarker。AJAX使用jquery和json实现。视图层并没有使用传统的JSP技术，而是使用更为专业、灵活、高效freemarker。 数据库使用MYSQL，并可支持orcale...
Struts2、JSON、Ajax 和 jQuery 是Web开发中的四个关键技术，它们共同构建了现代Web应用程序的数据交互和用户界面交互的核心部分。 Struts2 是一个基于MVC（Model-View-Controller）架构的Java Web框架，它使得...
在这个简单的Ajax例子中，我们将探讨如何整合Struts2和jQuery来实现页面无刷新的数据更新。 首先，我们需要在项目中引入Struts2和jQuery的相关依赖。Struts2通常通过Maven或Gradle添加依赖库，包括核心库、struts2-...
4. **Struts2-jQuery插件**：这个插件包括了一系列JSP标签，如sj:ajax，sj:autocompleter等，这些标签可以直接嵌入到视图层，为开发者提供了一种声明式的方式来创建Ajax交互。它还提供了预定义的CSS和JavaScript资源...
Struts2、Spring、iBatis和jQuery是四个在Java Web开发中广泛应用的框架和技术，它们共同构建了一个高效、灵活的后端系统，并通过JSON进行数据交互。下面将详细阐述这些技术及其相互间的整合。 **Struts2** 是一个...
在本教程中，我们将探讨如何结合使用Struts2和jQuery来实现一个使用Ajax发送请求并接收JSON类型数据的功能。 首先，我们需要在JSP页面中使用jQuery发起Ajax请求。jQuery的`$.ajax()`函数是实现这一功能的核心。例如...