jquery怎么访问servlet并返回数据到页面-创新互联

本篇内容主要讲解“jquery怎么访问servlet并返回数据到页面”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery怎么访问servlet并返回数据到页面”吧!

成都创新互联公司是一家以网络技术公司，为中小企业提供网站维护、网站设计制作、成都做网站、网站备案、服务器租用、空间域名、软件开发、微信平台小程序开发等企业互联网相关业务，是一家有着丰富的互联网运营推广经验的科技公司，有着多年的网站建站经验，致力于帮助中小企业在互联网让打出自已的品牌和口碑，让企业在互联网上打开一个面向全国乃至全球的业务窗口：建站欢迎联系：18982081108

本文实例讲述了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. 前台页面如下：

复制代码代码如下:

<!DOCTYPE html>  
<html>  
  <head>  
    <title>AJAX实例</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=GBK">  
    <script type="text/javascript" src="js/verify.js"></script>  
    <script type="text/javascript" src="js/jquery.js"></script>  
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  
  </head>  
  <body>  
        <font color="blue" size="2">请输入用户名：</font>   
         <input type="text" id="userName" /><font color="red" size="2"><span id="result" >*</span></font><br/><br/>  
         <!-- <div id="result"></div> -->  
          <input type="submit" name="提交" value="提交"  onclick="verify()"/>  
  </body>
</html>

到此，相信大家对“jquery怎么访问servlet并返回数据到页面”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

网站标题：jquery怎么访问servlet并返回数据到页面-创新互联
转载注明：https://www.cdcxhl.com/article46/ehpeg.html

成都网站建设公司_创新互联，为您提供响应式网站、商城网站、App设计、品牌网站制作、网站设计、品牌网站设计

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容