servlet接收ajax数据_JavaEE之Ajax第二课

最新推荐文章于 2021-08-05 14:10:35 发布

weixin_39624071

最新推荐文章于 2021-08-05 14:10:35 发布

阅读量587

点赞数

文章标签： servlet接收ajax数据

本文链接：https://blog.csdn.net/weixin_39624071/article/details/113317176

版权

本篇博客介绍了如何使用jQuery简化AJAX操作，包括普通文本接收简单数据和接收JSON格式数据的处理，详细讲解了经典版与简化版的jQuery AJAX语法，并通过三级联动案例展示了其实用性。

摘要由CSDN通过智能技术生成

四 AJAX结合jquery实现

每次书写AJAX代码比较繁琐步骤都是一样的,数据回显使用原生js代码也比较繁琐,可以使用jQuery对上述问题进行优化,jQuery不仅仅对dom操作进行了封装同时也对AJAX提交和回显已经进行了封装,可大大简化AJAX的操作步骤

4.1普通文本接收简单数据

页面代码

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <script src="js/jquery-1.12.3.min.js"></script>
 <script>
 function checkUsername(){
    
            $.AJAX({
    
 type:"GET",
 url:"usernameServlet",
 data:"username="+$('#uname').val(),
 success:function(result){
    
                    $("#unameinfo").text(result)
                },
 error:function(){
    
                    $("#unameinfo").text("服务器响应异常")
                }
            })
        }

 </script>
</head>
<body>
  <input type="text" id="uname" onblur="checkUsername()"><span id="unameinfo"></span>
</body>
</html>

后台代码

package com.bjsxt.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet("/usernameServlet")
public class UsernameServlet extends HttpServlet {
    
 @Override
 protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    
 /*int i =1/0;*/
 String username = req.getParameter("username");
        resp.setCharacterEncoding("UTF-8");
        re