6回答

翔仔

2020-01-16

已采纳

同学好，看代码像是同学光定义getShopInitInfo这个方法，但是并没有使用到它，可以参考我的源码

/**
 * 
 */
$(function(){
	var initUrl = '/o2o/shopadmin/getshopinitinfo';
	var registerShopUrl = '/o2o/shopadmin/registershop';
	getShopInitInfo();
	function getShopInitInfo(){
		$.getJSON(initUrl,function(data){
			if(data.success){
				var tempHtml = '';
				var tempAreaHtml = '';
				data.shopCategoryList.map(function(item,index){
					tempHtml += '<option data-id="' + item.shopCategoryId + '">'
					+ item.shopCategoryName+'</option>';
				});
				data.areaList.map(function(item,index){
					tempAreaHtml += '<option data-id="' + item.areaId + '">'
					+item.areaName +'</option>';
				});
				$('#shop-category').html(tempHtml);
				$('#area').html(tempAreaHtml);
			}
		});
		$('#submit').click(function(){
			var shop = {};
			shop.shopName = $('#shop-name').val();
			shop.shopAddr = $('#shop-addr').val();
			shop.phone = $('#shop-phone').val();
			shop.shopDesc = $('#shop-desc').val();
			shop.shopCategory = {
					shopCategoryId : $('#shop-category').find('option').not(function(){
						return !this.selected;					
					}).data('id')
			};
			shop.area = {
					areaId : $('#area').find('option').not(function(){
						return !this.selected;					
					}).data('id')
			};
			var shopImg = $('#shop-img')[0].files[0];
			var formData = new FormData();
			formData.append('shopImg',shopImg);
			formData.append('shopStr',JSON.stringify(shop));
			var verifyCodeActual = $('#j_captcha').val();
	        if (!verifyCodeActual) {
	            $.toast('请输入验证码！');
	            return;
	        }
			formData.append('verifyCodeActual',verifyCodeActual);
			$.ajax({
				url : registerShopUrl,
				type : 'POST',
				data : formData,
				contentType : false,
				processData : false,
				cache : false,
				success : function(data){
					if(data.success){
						$.toast('提交成功！');
					}else{
						$.toast('提交失败！' + data.errMsg);
					}
					$('#captcha_img').click();
				}
			});
		});
	}
})

0

1

姜岑

谢谢老师, 这里确实是我疏忽了. 加上去之后, getShopInitInfo() 函数执行了, 但是执行到 $.getJSON 就停下来了, 在 getShopInitInfo() 设置了断点, 但是执行到 getJSON 函数还是停了, 我看了 html 代码, javascript 也没有引错, 麻烦老师再看看. 下面贴出了我的调试的信息.

2020-01-16

共1条回复

姜岑

提问者

2020-01-16

在 chrome 中进行调试, 进入到 $.ajax 函数, 然后就进入到 zepto.min.js, 从这个 zepto.min.js 里面出来之后就直接跳到 $('submit').click(function() 函数了, 所以这里定位到问题肯定是 $.ajax 函数的.

使用 $.getJSON 也是同样的情况. 

0

10

姜岑

回复

翔仔

居然真的是 O2O 和 o2o 的区别, 谢谢老师的时间. 太感谢了 ?

2020-01-16

共10条回复

姜岑

提问者

2020-01-16

看了老师给其他同学的回答: 将$.getJSON替换成$.ajax试试，然后打印error里的参数, 得到的
XMLHttpRequest : 404
textStatus : 4
errorThrown : error.
所以这里换成 $.ajax 函数就运行了, 但是 $.getJSON 函数就没有运行. 再看看其他同学的提问, 查查资料.

0

0

姜岑

提问者

2020-01-16

这是 chrome 控制台的信息, 老师看一下方向, 我查了一下 getJSON 不执行可能是数据的 JSON 格式错误, 但是这里使用了 @ResponseBody 的话, 应该 JSON 格式不会出错,  奇怪的是, 我在 http://localhost:8080/O2O/shopadmin/shopoperation 这个页面, 将地址后面的 shopoperation 改为 getshopinitinfo 是可以看到 JSON 数据的, 但是如果复制控制台报 404 的这个页面 http://localhost:8080/o2o/shopadmin/getshopinitinfo , 新建一个窗口访问的话, 是会报 404的. controller 里面的路径都是按照视频来的, 这里可能的错误麻烦老师看看, 辛苦了.

0

0

姜岑

提问者

2020-01-15

完整的 shopoperation.js 的代码 :

0

0

姜岑

提问者

2020-01-15

这里好像是内部函数定义了需要调用, 但是视频里老师好像也没有调用, 有些困惑, 希望老师解答. 卡了很久.

0

3

歪歪匠

问了下前端的同学，是输入地址有问题， 将initUrl 改为 'http://localhost:8080/shopadmin/getshopinitinfo'就能显示了，另外，我的是IDEA，不用输项目名称

2020-05-04

共3条回复