点击提交后端完全没有反应

来源:4-13 前后端联调验证整体模块功能

慕粉1556544580

2019-04-29

老师这是我学习您的框架结构,搭建的毕业设计。做到这步点击提交完全没有反应。老师您看看我这个js是不有问题了。

js代码
/**
*
*/
$(function() {
// var initUrl =’/archives/user/getuserinitinfo’;
var registeruserUrl =’/archives/user/registeruser’;

// function getuserInitInfo(){
//
// $.getJSON(initUrl,function(data){
// if(data.success){
// var tempHtml=’’;
// var tempAreaHtml =’’;
// data.userdislist.map(function(item,index)
// {
// tempHtml += ‘’ +
// item.UserDisciplineName + ‘’;
// });
//
//
//
//
// $(’#user-discipline’ ).html(tempHtml);
//
// }
// });

	$('#submit').click(function(){
	var user ={};

	user.userName =$('#user-name').val();
	user.userAddr =$('#user-addr').val();
	user.phone =$('#user-phone').val();
	user.userDesc =$('#user-desc').val();


	user.priority = {
			userDiscipine : $('#user-permission').find('option').not(function(){
				return !this.selected;
				
			}).data('id')
			
	};

	
	
	user.userDiscipine = {
			userDiscipine : $('#user-discipine').find('option').not(function(){
				return !this.selected;
				
			}).data('id')
			
	};

		var userImg =$('#user-img')[0].files[0];
		var formData = new FormData();
		// 添加图片流进表单对象里
		formData.append('userImg', userImg);
		// 将user json对象转成字符流保存至表单对象key为userStr的的键值对里
		formData.append('userStr', JSON.stringify(user));
		// 获取表单里输入的验证码
		var verifyCodeActual = $('#j_captcha').val();
		if (!verifyCodeActual) {
			$.toast('请输入验证码!');
			return;	
		}
		formData.append('verifyCodeActual', verifyCodeActual);
		// 将数据提交至后台处理相关操作
		
		$.ajax({
			url : registeruserUrl,
			type : 'POST',
			data : formData,
			contentType : false,
			processData : false,
			cache : false,
			success : function(data) {
				if (data.success) {
					$.toast('提交成功!');
					if (!isEdit) {
						// 若为注册操作,成功后返回店铺列表页
						window.location.href = "";
					}
				} else {
					$.toast('提交失败!' + data.errMsg);
				}
				// 点击验证码图片的时候,注册码会改变
				$('#captcha_img').click();
			}
		});
		
	});	

})

html代码

SUI Mobile Demo
返回

用户信息

  • 用户名称
  • 用户电话
  • 所属专业
    1、计算机科学与技术
    									</option>
    									<option id="dis_2">
    									2、服装与服饰设计
    									
    									</option>
    									<option id="dis_3">
    									3、播音与主持艺术
    									
    									</option>
    									<option id="dis_4">
    									4、新闻学
    									
    									</option>
    									<option id="dis_5">
    									5、汉语言文学
    									
    									</option>
    									<option id="dis_6">
    									6、英语
    									
    									</option>
    									<option id="dis_7">
    									7、日语
    									
    									</option>
    									
    									<option id="dis_8">
    									
    									8、会计学
    									</option>
    									
    										<option id="dis_9">
    									
    									9、金融学
    									</option>
    										<option id="dis_10">
    									
    									10、财务管理
    									</option>
    										<option id="dis_11">
    									
    									11、人力资源管理
    									</option>
    										<option id="dis_12">
    									
    									12、电子商务
    									</option>
    									</select>
    								</div>
    							</div>
    						</div>
    					</li>
    					<!--权限划分 下拉列表 -->
    					<li>
    						<div class="item-content">
    							<div class="item-inner">
    								<div class="item-title label">权限等级</div>
    								<div class="item-input">
    									<select id="user-permission">
    									<option id="per_1">
    									1、管理员
    									</option  >
    									<option id="per_2">
    									2、普通用户
    									</option>
    									</select>
    								</div>
    							</div>
    						</div>
    					</li>
    					
    					
    					<!-- 缩略图 上传控件 -->
    					<li>
    						<div class="item-content">
    							<div class="item-inner">
    								<div class="item-title label">缩略图</div>
    								<div class="item-input">
    									<input type="file" id="user-img">
    								</div>
    							</div>
    						</div>
    					</li>
    					<!-- 用户备注 textarea -->
    					<li class="align-top">
    						<div class="item-content">
    							<div class="item-inner">
    								<div class="item-title label">用户备注</div>
    								<div class="item-input">
    									<textarea id="user-desc" placeholder="用户备注"></textarea>
    								</div>
    							</div>
    						</div>
    					</li>
    					<!-- 验证码 ka -->
    					<li>
    						<div class="item-content">
    							<div class="item-inner">
    								<div class="item-title label">验证码</div>
    								<input type="text" id="j_captcha" placeholder="验证码">
    								<div class="item-input">
    									<img id="captcha_img" alt="点击更换" title="点击更换"
    										onclick="changeVerifyCode(this)" src="../Kaptcha" />
    								</div>
    							</div>
    						</div>
    					</li>
    				</ul>
    			</div>
    			<div class="content-block">
    				<div class="row">
    					<div class="col-50">
    						<a href="http://localhost:8080/archives/index.jsp" class="button button-big button-fill button-danger">返回</a>
    					</div>
    					<div class="col-50">
    						<a href="#" class="button button-big button-fill button-success"
    							id="submit">提交</a>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    
    </div>
    <script type='text/javascript'
    	src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript'
    	src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript'
    	src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../resources/js/common/common.js'
    	charset='utf-8'></script>
    <script type='text/javascript'
    	src='../resources/js/user/user.js' charset='utf-8'></script>
    
写回答

1回答

翔仔

2019-04-30

直接看代码看不出问题的,需要同学在chrome里打开开发者模式,然后提交一下,看看chrome的console里面有没有报错,如果有,看看是什么错误,最好尝试自己解决一下,培养独立解决问题的能力。然后再看看eclipse的console在点击提交的时候有没有报错

0
0

Java双版本(SSM到SpringBoot)校园商铺全栈开发

SSM商铺V1.0,解决毕设痛点;SpringBoot商铺V2.0,满足工作刚需

5113 学习 · 8144 问题

查看课程