ajax访问不了servlet怎么办？一直报404

这是我的html代码
<!DOCTYPE html>
<html lang="en">
    <head>[/color]
        <meta charset="utf-8">
        <title>注册</title>
        <link rel="stylesheet" type="text/css" href="css/common.css">
        <link rel="stylesheet" href="css/register.css">
<!--导入jquery-->
<script src="js/jquery-3.3.1.js"></script>
<script type="text/javascript">
function yhm() {
var username=$("#username").val(); // alert("????");
$.ajax({
url:"csServlet",
type:"POST",
data:{"username":"user"},
success:function(data){
alert(data);
},
error:function(){
alert("错误");
}
  });
// var reg_username=/^\w{8,20}$/;
//
// var flag=reg_username.test(username);
// if (flag){
//  alert("1")
//  $("#username").css(close)
// } else {
//  alert("2")
// }
}
function mm() {
alert("111111111")
}
function yx() {
alert("111111111")
}
function xm() {
alert("111111111")
}
function sjh() {
alert("111111111")
}
function csrq() {
alert("111111111")
}
function yzm() {
alert("111111111")
} </script>
    </head>
<body>
<!--引入头部-->
<div id="header"></div>
        <!-- 头部 end -->
     <div class="rg_layout">
     <div class="rg_form clearfix">
     <div class="rg_form_left">
     <p>新用户注册</p>
     <p>USER REGISTER</p>
     </div>
     <div class="rg_form_center">

<!--注册表单-->
     <form id="registerForm">
<!--提交处理请求的标识符-->
<input type="hidden" name="action" value="register">
     <table style="margin-top: 25px;">
     <tr>
     <td class="td_left">
     <label for="username">用户名</label>
     </td>
     <td class="td_right">
     <input type="text" id="username" name="username" placeholder="请输入账号" onblur="yhm()" >
     </td>
     </tr>
     <tr>
     <td class="td_left">
     <label for="password">密码</label>
     </td>
     <td class="td_right">
     <input type="text" id="password" name="password" placeholder="请输入密码" onblur="mm()">
     </td>
     </tr>
     <tr>
     <td class="td_left">
     <label for="email">Email</label>
     </td>
     <td class="td_right">
     <input type="text" id="email" name="email" placeholder="请输入Email" onblur="yx()">
     </td>
     </tr>
     <tr>
     <td class="td_left">
     <label for="name">姓名</label>
     </td>
     <td class="td_right">
     <input type="text" id="name" name="name" placeholder="请输入真实姓名" onblur="xm()">
     </td>
     </tr>
     <tr>
     <td class="td_left">
     <label for="telephone">手机号</label>
     </td>
     <td class="td_right">
     <input type="text" id="telephone" name="telephone" placeholder="请输入您的手机号" onblur="sjh()">
     </td>
     </tr>
     <tr>
     <td class="td_left">
     <label for="sex">性别</label>
     </td>
     <td class="td_right gender">
     <input type="radio" id="sex" name="sex" value="男" checked> 男
     <input type="radio" name="sex" value="女"> 女
     </td>
     </tr>
     <tr>
     <td class="td_left">
     <label for="birthday">出生日期</label>
     </td>
     <td class="td_right">
     <input type="date" id="birthday" name="birthday" placeholder="年/月/日" onblur="csrq()">
     </td>
     </tr>
     <tr>
     <td class="td_left">
     <label for="check">验证码</label>
     </td>
     <td class="td_right check">
     <input type="text" id="check" name="check" class="check" onblur="yzm()">
     <img src="checkCode" height="32px" alt="" onclick="changeCheckCode(this)">
<script type="text/javascript">
//图片点击事件
function changeCheckCode(img) {
img.src="checkCode?"+new Date().getTime();
                                        }
</script>
     </td>
     </tr>
     <tr>
     <td class="td_left"> 
     </td>
     <td class="td_right check"> 
     <input type="submit" class="submit" value="注册">
<span id="msg" style="color: red;"></span>
     </td>
     </tr>
     </table>
     </form>
     </div>
     <div class="rg_form_right">
     <p>
     已有账号？
     <a href="#">立即登录</a>
     </p>
     </div>
     </div>
     </div>
        <!--引入尾部-->
     <div id="footer"></div>
<!--导入布局js，共享header和footer-->
<script type="text/javascript" src="js/include.js"></script>
    
    </body>
</html>
这是我的Servlet代码
package cn.itcast.travel.web.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;@WebServlet("/csServlet")
public class CsServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username=request.getParameter("username");
        System.out.println(username);
        response.getWriter().write(username);    }    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request,response);
    }
}
但是就是不知道为什么出错了
求大佬解答

解决方案 »

  1.   

    URL那里项目名不需要写么
      

  2.   

    function yhm() 写在 <body>最后  不然获取不到#username
      

  3.   

    url:"csServlet"改为url:"/csServlet"
      

  4.   

    你说的是这个吗？我昨天用的是这个服务器我昨天换了一个tomcat的服务器发现居然可以访问了，不过很奇怪不知道这个服务器到底是出了什么问题不能访问到servlet。
      

  5.   


    你说的是这个吗？我用的是这个服务器我昨天换了一个tomcat的服务器发现居然可以访问了，不过很奇怪不知道这个服务器到底是出了什么问题不能访问到servlet。
      

  6.   

    你服务器是不是配置了context，你说换服务器可以，那就可能是2个服务器context配置不一样