最近写的页面，含有大量的ajax

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/ule-taglib/ule.tld" prefix="ule" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>品牌维护</title>
<c:set var="basePath" value="${pageContext.request.scheme}${'://'}${pageContext.request.serverName}${':'}${pageContext.request.serverPort}${pageContext.request.contextPath}"></c:set>
<link href="${basePath}/css/item/main.css" rel="stylesheet"　type="text/css">
<link rel="stylesheet" href="http://i0.ule.com/tomshopping/c/sys/csslib/110119/APE-admin.css" />
<link rel="stylesheet" href="http://i0.ule.com/tomshopping/c/sys/130111/template-admin.css" />
<script type="text/javascript" src="http://i0.ulechina.com/j/lib/jquery.js"></script>
<script type="text/javascript" src="http://i0.ule.com/j/jend/jend.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$("div[name=deleteBrand]").bind("click", function () {
var _this = $(this);
var brandId = _this.attr("id");
JEND.page.confirm('确定要删除该品牌吗，误删除操作可以在品牌回收站撤销?',
function(){
$.ajax({
url: '${basePath }/brand/api/deleteBrand.action',
type: 'post',
data: {brandId: brandId},
dataType: 'json',
success: function (data) {
if(data.num==1){
JEND.page.confirm(data.message ,
function(){
window.location.href = "${basePath }/brand/queryBrandAll.action";
});
}else if(data.num==2){
JEND.util.dialog.alert(data.message);
}
},
error: function () {
JEND.util.dialog.alert("删除品牌失败");
}
});

});
});

$("div[name=updateBrand]").bind("click", function () {
var _this = $(this);
var brandId = _this.attr("id");
var form = document.getElementById('brandOperatorForm');
$("#brandOperatorForm").attr("action","${basePath }/brand/updateBrand.action");
document.brandOperatorForm.brandId.value = brandId;
form.submit();
});

$("div[name=mergeBrand]").bind("click", function () {
var brandId=$(this).attr("id");
var brandName=$(this).attr("fname");
$("#currentBrandId").html(brandId);
$("#currentBrandName").html(brandName);
JEND.page.dialog.show({
title: '品牌合并',
id: 'merBrandDiv',
width: 600,
height:600,
top:200,
bottom: {
callback: function () {
var oldBrandId = $("#oldBrandId").val();
$.ajax({
url: '${basePath}/brand/api/merBrand.action',
type: 'post',
data: {brandId: brandId, oldBrandId: oldBrandId},
dataType: 'json',
success: function (data) {
if(data.num== 1){
JEND.page.confirm(data.message,
function(){
window.location.reload();
});
}else if(data.num== 2){
JEND.util.dialog.alert(data.message);
}
}
});
}
}
});

});

$("div[name=brandDisc]").bind("click", function () {
var _this = $(this);
var brandId=_this.attr("id");
window.location.href = "${basePath }/brand/updateBrandDesc.action?brandId="+brandId;

});

//查询
function query(){
brandOperatorForm.submit();
}

//待审核品牌
function brandCheck(){
window.location.href = "${basePath }/brand/brandCheck.action";
}

//品牌回收站
function brandRecycled(){
window.location.href = "${basePath }/brand/brandRecycled.action";
}
</script>
</head>
<body>
<div class="mainInner">
<ul class="crumbs">
<li><a href="#" class="score-0">后台管理系统</a><span class="direct">></span></li>
<li><a href="${basePath }/brand/showBrandManage.action">品牌管理</a><span class="direct">></span></li>
<li>品牌管理</li>
</ul>
<ul class="tabs-nav clear" style="margin-bottom: 10px;">
<li class="tabs-nav-title btn Bwhite Borange">品牌管理</li>
<li class="tabs-nav-title btn Bwhite" onclick="brandCheck();">待审核品牌</li>
<li class="tabs-nav-title btn Bwhite" onclick="brandRecycled();">品牌回收站</li>
</ul>

<form id="brandOperatorForm" name="brandOperatorForm" method="post"
action="${basePath }/brand/queryBrandAll.action">
<table class="tab mb10" width="100%" border="0" cellpadding="0"
cellspacing="1">
<tbody>
<tr>
<td colspan="6" style="text-align: left;">
<h3 class="Hs mb20 hsred">
<span>查找</span>
</h3>
</td>
</tr>
<tr>
<td scope="row">
品牌ID：<input name="brandId" id="brandId" type="text" onblur="checkBrandId();" value="${brandId }"
onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
品牌名：<input name="brandName" id="brandName" type="text" value="${brandName}"/>
品牌英文名:<input name="brandNameEn" id = "brandNameEn" type="text" value="${brandNameEn }"
onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"/>
<input type="button" value="查询" class="btn Borange fw7" onclick="query();"/>
<input type="button" value="添加" class="btn Borange fw7" onclick="window.location='${basePath }/brand/addBrand.action'"/>
</td>
</tr>
</tbody>
</table>
</form>

<tbody>
<tr>
<td colspan="9" style="text-align: left;">
<h3 class="Hs mb20 hsred">
<span>查询结果</span>
</h3>
</td>
</tr>
<tr>
<th align="center">品牌ID</th>
<th align="center">品牌名</th>
<th align="center">品牌英文名</th>
<th align="center">品牌拼音</th>
<th align="center">排序</th>
<th align="center">是否显示</th>
<th align="center">状态</th>
<th align="center" colspan="3">操作</th>
</tr>
<c:if test="${ empty brandList}">
<tr align="center">
<td height="24" align="center" colspan="9">找不到符合条件的品牌，请重新设置查询条件</td>
</tr>
</c:if>
<c:if test="${! empty brandList}">
<c:forEach var="brand" items="${brandList}">
<tr bgcolor="#FFFFFF" height="24">
<td align="center">${brand.brandId}</td>
<td align="center">${brand.brandName}
<td align="center">${brand.brandNameEn}</td>
<td align="center">${brand.brandNamePinyin}</td>
<td align="center">${brand.displaySeq}</td>
<td align="center">${brand.displayFlag==1?'是':'否'}</td>
<td align="center">${brand.certificateFlag==0?'待审核':brand.certificateFlag==1?"审核通过":"审核拒绝"}</td>
<td align="center"width="130px" >
<span>
<span>
<div id="${brand.brandId}" name="deleteBrand" style="float:middle;display:inline"><a href="#"> 删除  </a></div>
</span>
<c:if test="${brand.certificateFlag!=2}">
<span>
<div id="${brand.brandId}" name="updateBrand" style="display:inline"><a href="#">修改  </a></div>
</span>
<span>
<div id="${brand.brandId}" name="mergeBrand" fname=${brand.brandName} style=" display:inline"><a href="#">合并 </a></div>
</span>
</c:if>
<div id="${brand.brandId}" name="brandDisc" fname=${brand.brandName} style=" display:inline"><a href="#">详情 </a></div>
</span>
</td>
</tr>
</c:forEach>
</c:if>
</tbody>
</table>

<c:if test="${not empty brandList}">
<ule:paginationTag url="${basePath }/brand/queryBrandAll.action?" pageIndex="${pageIndex}" totalPage="${totalPages}" pageSize="${pageSize }"/>
</c:if>

<div id="merBrandDiv" style="display: none">
<div style="margin: 5px; padding: 5px;">
<table width="100%" border="1" height="160px" border="0">
<tr height="35px">
<td width="30%"
style="text-align: left; padding-left: 10px; font-size: 13px; color: #000000;">当前品牌ID：</td>
<td style="padding-left: 10px; font-size: 13px; color: #000000;"
id="currentBrandId"></td>
</tr>
<tr height="35px">
<td class="mer"
style="text-align: left; padding-left: 10px; font-size: 13px; color: #000000;">品牌名称：</td>
<td style="padding-left: 10px; font-size: 13px; color: #000000;"
id="currentBrandName"></td>
</tr>
<tr height="35px">
<td
style="text-align: left; padding-left: 10px; font-size: 13px; color: #000000;">需要合并品牌ID：</td>
<td><input type="text" height="30px" id="oldBrandId" onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')"
style="margin-left: 10px; width: 150px; height: 25px;" /></td>
</tr>
<tr rowspan="2">
<td class="mer" colspan="2">
<p>
<span style="color: #000000; height:"30px"> <span
style="font-family: 'Arial Negreta', 'Arial'; font-weight: 700; color: #FF0000;">*</span>
合并品牌下的商品将迁移到当前品牌下，合并品牌将被删除，合并后将无法回退，请谨慎操作
</span>
</p>
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>

秒客网

最近写的页面，含有大量的ajax

相关文章