java servlet 返回数据_jquery访问servlet并返回数据到页面的方法

本文展示了如何使用jQuery访问Java Servlet并将返回的数据展示在页面上。通过AjaxServlet.java处理请求,verify.js处理前端交互,实现了用户名验证功能,当用户输入用户名后,Servlet会检查用户名是否已注册,并返回相应的消息。
摘要由CSDN通过智能技术生成

本文实例讲述了jquery访问servlet并返回数据到页面的方法。分享给大家供大家参考。具体实现方法如下:

1. servlet:AjaxServlet.java如下:

package com.panlong.servlet;

import java.io.IOException;

import java.io.PrintWriter;

import java.net.URLDecoder;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class AjaxServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

protected void doGet(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

Integer total = (Integer) req.getSession().getAttribute("total");

int temp = 0;

if(total == null ){

temp = 1;

}else{

temp = total.intValue() + 1;

}

req.getSession().setAttribute("total",temp);

try {

//1.取参数

resp.setContentType("text/html;charset=GBK");

PrintWriter out = resp.getWriter();

String old = req.getParameter("name");

//2.检查参数是否有问题

//String name = new String(old.getBytes("iso8859-1"),"UTF-8");

String name = URLDecoder.decode(old,"UTF-8");

if("".equals(old) || old == null){

out.println("用户名必须输入");

}else{

if("liling".equals(name)){

out.println("恭喜登录成功");

return;

}else{

out.println("该用户名未注册,您可以注册["+name+"]这个用户名"+temp);

}

}

} catch (Exception e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

//3.检验操作

}

protected void doPost(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

doGet(req, resp);

}

}

2. verify.js如下:

function verify(){

//解决中文乱码问题的方法1,页面端发出的数据作一次encodeURI,服务端使用new String(old.getBytes("iso8859-1"),"UTF-8");

//解决中文乱码问题的方法2,页面端发出的数据作两次encodeURI,服务端使用String name = URLDecoder.decode(old,"UTF-8");

var url = "servlet/AjaxServlet?name="+encodeURI(encodeURI($("#userName").val()));

url = convertURL(url);

$.get(url,null,function(data){

$("#result").html(data);

});

}

//给url地址增加时间蒫,难过浏览器,不读取缓存

function convertURL(url){

//获取时间戳

var timstamp = (new Date()).valueOf();

//将时间戳信息拼接到url上

if(url.indexOf("?") >=0){

url = url + "&t=" + timstamp;

}else{

url = url + "?t=" + timstamp;

}

return url;

}

3. 前台页面如下:

AJAX实例

请输入用户名:

*

希望本文所述对大家的Ajax程序设计有所帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值