前端各种页面跳转

Myth丶恋晨 2022-07-08 14:27 230阅读 0赞

1.使用layer跳转。

//全屏展示
           layer_full_show('订单详情', '/storehouse/orderView.do?orderId=' + orderId);
    
           //按宽高比例展示
           layer_show('订单号:' + orderId,'/storehouse/goodEdit.do?orderId=' + orderId,'','500');

2.layer弹框。

3.post提交。

4.ajax提交。

5.Validform提交。

$("#form-article-add").Validform({
    		tiptype:2,
    		ajaxPost:true,
    		beforeSubmit:function(form){
    		    if($.trim(ue.body.innerText)==null || $.trim(ue.body.innerText)==''
                            || ue.body.innerHTML=="<p><br></p>"){
    				 alert("详细内容不能为空！");
    				 return false;
    		    }
    		    // 创建Input  
    		    var input = $('<input type="text" id="content" name="content" />');  
    		    input.attr('value', ue.getContent());
    		    // 附加到Form
    		    form.append(input); 
    	    },
    		callback:function(data){
    			if(data.code == 200){
    				var index = parent.layer.getFrameIndex(window.name);
    				parent.location.reload();
    				parent.layer.close(index);
    			}
    		}
    	});

6.弹出选择。

/* 去创建马甲号 */
    function toCreateShadowId() {
    	layer.open({
    		title : '角色选择',
    		content : '选择马甲号的角色：<br/>'
    				+ '<input name="isSeller" type="radio" value="0" id="isSeller-0" checked> <label for="isSeller-0">普通用户</label>'
    				+ ' <input name="isSeller" type="radio" value="1" id="isSeller-1" > <label for="isSeller-1">时尚潮人</label>'
    				+ '  <input name="isSeller" type="radio" value="2" id="isSeller-2"> <label for="isSeller-2">设计师</label>'
    				+ '  <input name="isSeller" type="radio" value="3" id="isSeller-3"> <label for="isSeller-3">时尚编辑</label>',
    		btn : [ '确定', '取消' ],
    		yes : function(index, layero) {
    			var isSeller = $("input:radio:checked").val();
    			if (isSeller) {
    				$.ajax({
    					type : 'POST',
    					url : "/memberDesigner/createShadowId",
    					data : {
    						isSeller : isSeller
    					},
    					async : false,
    					success : function(data) {
    						if (data.code == 200) {
    							layer.alert('操作成功');
    							_search();
    					} else
    						layer.alert('操作失败');
    					}
    				});
    			} else {
    				layer.alert('添加出错！');
    			}
    		},
    		btn2 : function(index, layero) {
    			layer.close(index);
    		}
    	});
    }

**ps：var isSeller = $("input:radio:checked").val();其中isSeller必须要和radio的name相同。**