html部分:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jqueryXmlImg.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
function verify(){
var url="../AjaxServletImg?userName="+$("#userName").val();
//url=convertURL(url);
$.get(url,null,callback);
}
function callback(data){
$("#resultMess").html(data);
}
function convertURL(url){
var timestamp=(new Date()).valueOf();
if(url.indexOf("?")>=0){
url=url+"&t="+timestamp;
}else{
url=url+"?t="+timestamp;
}
return url;
}
</script>
</head>
<body>
<input type="text" name="userName" id="userName" value="1111111" />
<input type="button" name="btn1" id="btn1" onclick="verify();" value="测试" />
<div id="resultMess"></div>
</body>
</html>
后台servlet部分:
package com.wf.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
public class AjaxServletImg extends HttpServlet {
/**
* Constructor of the object.
*/
public AjaxServletImg() {
super();
}
/**
* Destruction of the servlet. <br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
/**
* The doGet method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to get.
*
* @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 doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request,response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
HttpSession sess=request.getSession();
Integer inte=(Integer) sess.getAttribute("total");
int temp=0;
if(inte==null){
sess.setAttribute("total",1);
}else{
temp=inte.intValue()+1;
sess.setAttribute("total",temp);
}
try{
String userName=request.getParameter("userName");
System.out.println(userName);
if(userName==null||userName.length()==0){
out.println("用户名不能为空!"+temp);
}else{
if("oppa".equals(userName)){
out.println("用户名"+userName+"已经存在"+temp);
}else{
out.println("用户名"+userName+"可以注册使用!"+temp);
}
}
}catch(Exception e){
e.printStackTrace();
}
out.flush();
out.close();
}
public void init() throws ServletException {
}
}
说明:url=convertURL(url);这是让浏览器不读缓存的方法
中文乱码问题解决方法:
方法一:
1.var url="../AjaxServletImg?userName="+encodeURI($("#userName").val());
前台encodeURI()转换下
2.后台String userName=request.getParameter("userName");
System.out.println(userName);
userName=new String(userName.getBytes("iso8859-1"),"UTF-8");
也再转换下
1和2结合方能解决中文乱码问题 这是方法一
方法二:
分享到:
相关推荐
在获取后台数据生成下拉框的场景中,我们通常使用GET方法,但POST或其他HTTP方法也是可行的,具体取决于后端接口的设定。 以下是一个简单的示例,展示了如何使用jQuery和Ajax实现这个功能: ```javascript // ...
总结,jQuery DataTables 结合Struts2、Spring和Ibatis可以创建功能丰富的数据管理界面,提供高效的后台数据获取和处理。通过熟练掌握这些技术,开发者能够构建出用户体验优良且易于维护的数据应用。
关于"jQuery读取json数据"这个主题,我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据,以及这样做带来的优势。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于...
**jQuery AJAX 前后台数据传输详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库为开发者提供了简单易用的...
同时,由于jQuery对AJAX的友好支持,使得后台数据的异步更新变得简单,大大提高了系统的实时性。 模板中的"admin-templates"可能指的是该模板包含一系列用于后台管理的页面,如登录注册、数据统计、用户管理、权限...
SSH+jQuery EasyUI后台管理系统是一种基于Struts2(S)、Spring(S)和Hibernate(H)三大开源框架的Web应用程序开发模式,结合jQuery EasyUI前端框架,构建出高效、简洁且具有现代感的后台管理界面。这个系统设计的...
5. **Ajax**:`$.ajax()`函数封装了复杂的Ajax交互,使得异步数据获取和更新更为便捷。 ### Bootstrap框架介绍 Bootstrap是由Twitter开发的开源前端框架,它包含了一系列预设的CSS样式和JavaScript组件,用于快速...
本资源"Jquery例子,前后台交互,验证"提供了一系列实用的JavaScript代码示例,主要关注jQuery在网页交互和数据验证中的应用。以下是这些关键知识点的详细解释: 1. **jQuery库的引入**:jQuery库通常通过在HTML...
在这个案例中,我们将探讨如何使用jQuery在客户端通过POST方法调用ASP.NET WebService,进而获取由三层架构支持的后台数据。JSON(JavaScript Object Notation)格式的数据在后台与前端之间进行传输,它轻量级且易于...
在这个示例中,通常会有一个基于JSP或HTML的前端页面,使用jQuery获取用户输入,通过Ajax调用Struts2的Action。Action进一步调用Spring中的Service层,Service层利用Hibernate与数据库进行交互。完成操作后,Service...
使用 jQuery 调用后台方法非常简单,只需要使用 `ajax` 方法并指定要调用的 URL、数据类型、传递参数等信息。下面是一个基本的示例代码: ```javascript $.ajax({ type: "POST", contentType: "application/json",...
此外,这个框架可能还包含了jQuery的插件,如数据表格(如Datatables)、下拉菜单(如Select2)、日期选择器(如Bootstrap Datepicker)等,这些都是后台管理中常见的组件,它们提供了丰富的功能和良好的用户体验。...
**jQuery UI 后台模板界面详解** jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,它提供了丰富的交互式组件和可自定义的主题,适用于构建后台管理系统界面。jQuery UI 包含了多种功能强大的组件,...
《jQuery网站后台登录模板解析与应用》 在Web开发领域,jQuery作为一个强大的JavaScript库,以其简洁的API和高效的功能,深受开发者喜爱。本篇将详细探讨一个基于jQuery的网站后台登录模板,它不仅设计精美,而且...
《jQuery后台框架与模板设计详解》 在网页开发领域,jQuery以其简洁的API和强大的功能深受开发者喜爱。本文将深入探讨一个基于jQuery的后台框架及其后台模板,旨在为开发者提供一个美观、高效的开发环境。 首先,...
总之,jQuery提供了方便的API来处理与后台交互时的JSON数据,无论是简单的对象还是复杂的结构。通过正确设置`dataType`并使用适当的回调函数,可以轻松地解析和利用这些数据。在实际开发中,理解并熟练运用这些技巧...
jQuery Ace后台菜单导航是一款基于jQuery库的高效、可定制的后台管理系统导航方案。它借鉴了Ace框架的设计理念,为Web应用程序提供了美观且易用的菜单结构。Ace框架本身是一个广泛使用的前端开发框架,尤其适用于...
3. **数据绑定**:EasyUI 支持与后端数据源的双向绑定,使得动态数据显示变得简单,常见的如表格的数据加载、编辑、删除操作。 二、jQuery EasyUI 主要组件介绍 1. **表格(datagrid)**:用于展示大量数据,支持...
标题中的“jquery后台模板下载”意味着我们可以从网络上获取这些模板,进一步节省开发时间,提高工作效率。 "usmanhalalit-charisma-81fc427"是压缩包中的文件名,这很可能是某个特定的jQuery后台模板项目。这个...
6. 数据展示:后台首页可能涉及到数据的展示,如使用数据表格(如Bootstrap的DataTable插件)展示信息,或者用图表库(如Highcharts、ECharts)来可视化数据。 7. 表单交互:后台系统往往涉及各种表单提交,如添加...