前端各种页面跳转

来源：互联网发布：fc2最新域名点击此处编辑：程序博客网时间：2024/05/23 16:37

1.使用layer跳转。

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

2.layer弹框。

function post_delete(id){layer.confirm('确认要删除吗？',function(index){post_ajax('/post/deletePost.do', {'id':id});layer.msg('已删除!',{icon: 5,time:1000});window.location.reload();});}function mood_delete(id,memberId){layer.confirm('确认要删除吗？',function(index){$.ajax({    type: "post",url: "/mood/delete",data: {'id':id,'memberId':memberId},dataType : "json",success:function(data){if( data.code == 200){ window.location.reload();layer.msg('已删除!',{icon:5,time:1000});}else{layer.msg('删除失败!',{icon: 5,time:3000});}}});});}

3.post提交。

function save() { $.post('/coupon/editState',$("#form-coupon-audit").serialize(),function(data){ if(data.code == 200){ window.parent.location.reload(); }else{ layer.alert('审核失败'); } })}$.post('/post/saveLabel',{id:postId,labelIdCombo:dbLabels,labelCodeCombo:enumLabels},function(data){if (data.code == 200) {window.parent.location.reload();} else {layer.alert('保存失败!');}})

4.ajax提交。

function saveCouponInfo(couponInfo){$.ajax({   type:'POST',   url: "/coupon/save",   data: {   couponStr:couponInfo   },   async: false,   success: function(data){   if(data.code == 200){var index = parent.layer.getFrameIndex(window.name);parent.$('#btn_search').click();parent.layer.close(index);   }else layer.alert("操作失败");   }}); }function save(){var newTopicId = $('#selectTopic option:selected').val();var postId = $('#postId').val();$.ajax({    type: "post",url: "/post/doChangeTopic.do",data: {postId:postId,newTopicId:newTopicId},dataType : "json",success:function(data){if( data.code == 200){layer.msg('操作成功!',{icon:1,time:1000});window.parent.location.reload();// window.parent.postTable.ajax.reload();}else{layer.msg('操作失败');}}});}

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();} elselayer.alert('操作失败');}});} else {layer.alert('添加出错！');}},btn2 : function(index, layero) {layer.close(index);}});}

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

0 0