ajax提交表单数据到后台失效问题怎么解决?
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加部门</title>
<script type="text/javascript">
function submitJson(formID, urlPath, message) {
    alert(1);
    $.ajax({
        url : urlPath,
        type : "post",
        data: $('#' + formID).serializeArray(),
        contentType : "application/x-www-form-urlencoded",
        success : function(data){
            alert(message);
            window.location.href="http://localhost:8080/admin" + data;
        },
        error : function() {
            alert("处理异常!");
        }

    });
}</script>
</head>   
<body>
    <form:form modelAttribute="department" id="form1"  method="post" >
    <fieldset>
        <legend>添加部门</legend>
        <p>
            <label>部门名:</label>
            <form:input path="dname" name = "dname" id="dname"/>
        </p>
        <p>
            <label>电话:</label>
           <form:input path="dtel" name = "dtel" id = "dtel"/>
        </p>
        <p>
            <label>描述:</label>
            <form:textarea path="describe" rows="5"/>
        </p>
        <p>
            <label>上级部门:</label>
            <form:select path="superdepartment"> 
                <option value="0"/>请选择上级部门
                <form:options items="${superdepartment }" itemLabel="dname" itemValue="id"/>
            </form:select>
        </p>
        <p id="buttons">
            <input id="reset" type="reset">
           <input id="submit" type="button" onclick="submitJson('form1','depart/addDepart', '添加成功!')" value="添加">
        </p>
    </fieldset>
</form:form>
</body>
</html>

上面那个弹窗1是测试用的能显示,ajax这个方法进不去为什么?

3个回答

你的 url : urlPath, 这个要带ip,端口,uri才可以了。

weixin_44876820
肖潇晓枭逍 你好,请问把url改成uri就可以了吗
7 个月之前 回复

在控制台看看哪个环节出现的问题
首先确保请求已经正确请求到服务端
比如在控制台返回403或404说明url部分不正确需要更正url链接
在formdate中查看发送数据是否是你想发布的内容及格式
如果以上都没有问题
检查请求头不信息是否在后端屏蔽了
如果返回500则标识后端程序错误
总之这个问题是一个初级问题,并且频繁出现,学会怎么写不是重点
还需要学会调试和检查的方法

weixin_44876820
肖潇晓枭逍 你好,控制台没有任何信息啊,是不是表示ajax没用调用成功信息没用发送?
7 个月之前 回复

你用from表单提交的话,你要阻止默认行为

weixin_44876820
肖潇晓枭逍 你好,具体怎么阻止啊
7 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!