这个jsp页面是一个表格,设想是按下提交按钮后会调用保存数据的方法并跳转到展示数据的页面
实际操作中按下按钮后,数据库中即没有保存数据也没有跳转的指定页面
于是在script部分加入一些alter弹出提醒,发现按下按钮后可以弹出2,kk,5。忽略了中间的alert("3"),alert("4")
相关url也没有写错
判断是ajax部分的问题,但找不到错误在哪
下面是该jsp页面的代码
<%@page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
HTML>
<html>
<head>
<title>Getting Started: Serving Web Contenttitle>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">script>
head>
<body>
<div align="center">新员工入职办理div><br>
<table border="1" align="center">
<tr>
<td>姓名td><td><input id="name"/>td>
tr>
<tr>
<td>工号td><td><input id="number"/>td>
tr>
<tr>
<td>职位td><td><input id="position"/>td>
tr>
table>
<div align="center"><button id="join" >保存button>div>
body>
<script>
alert("1")
$("#join").click(function () {
alert("2")
var url = "http://localhost:80/EmpSystem/user/save";
var name = $(" input[id='name' ] ").val();
var number = $(" input[id='number' ] ").val();
var position = $(" input[id='position' ] ").val();
var data = {
"name":name,
"number":number,
"position":position
}
alert("kk")
$.ajax({
type: "post",
url: url,
dataType : "text",
contentType : "application/json",
data: JSON.stringify(data),
success:function (data) {
alert("3")
//跳转回列表
var url = "http://localhost:80/EmpSystem/user/findAll"
window.open(url,'_self');
alert("4")
}
});
alert("5")
});
alert("6")
script>
html>
打开netWork,看一下接口请求是否成功,这种情况大部分原因是接口请求失败导致的
那说明 接口 没请求成功 。success都没走 。network里看看 htpp状态 和返回的东西
你是不是后台代码返回的空