js中页面初始化

最新推荐文章于 2023-08-09 14:22:19 发布

原创最新推荐文章于 2023-08-09 14:22:19 发布 · 1.3k 阅读

CC 4.0 BY-SA版权

本文介绍了一个店铺注册系统的实现过程，包括店铺信息的初始化显示和通过AJAX提交注册信息的功能。使用了jQuery来处理DOM操作和AJAX请求。

$(function(){
	
	var initUrl ='/o2o/shopadmin/getshopinitinfo';
	var registerShopUrl = '/o2o/shopadmin/registerShop';
	//进行页面的初始化
	getShopInitInfo();
	function getShopInitInfo(){
		$.getJSON(initUrl,function(result){
			if(result.success){
				var  tempCategoryHtml="";
				var  tempAreaHtml= "";
				result.shopCategoryList.map(function(item,index){
						tempCategoryHtml += '<option data-id="' +item.shopCategoryId+'">'
						+item.shopCategoryName+'</option>';
					
					
				});
				result.areaList.map(function(item,index){
					
					tempAreaHtml  +=  '<option data-id="'+item.areaId+'">'+item.areaName
					+'</option>';
					
					
				});
				$("#shop-category").html(tempCategoryHtml);
				$("#area").html(tempAreaHtml);
				
			
				
			}
			
			
		});
		
	    //点击注册按钮
		$("#submit").click(function(){
			
			var  shop  ={};
			shop.shopName =$('#shop-name').val();
			shop.shopAddr =$('#shop-addr').val();
			shop.phone=$('#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 verifyCode = $('#j_captcha').val();  //
			if(verifyCode==''){
				$.toast('请输入验证码');
				return;
			}
			var formData=new FormData();
			formData.append('verifyCode',verifyCode);
			formData.append('shopImg',shopImg);
			formData.append('shopStr',JSON.stringify(shop));  //js对象转换为json
			$.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();
				}
			});
		});
		
		
	}
	
	

	
});