最近写的页面，含有大量的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的更多相关文章

学习笔记_springmvc返回值、数据写到页面、表单提交、ajax、重定向
数据写到页面后台往前台传数据 TestController添加 /** * 方法的返回值采用ModelAndView, new ModelAndView("index", map ...
springmvc返回值、数据写到页面、表单提交、ajax、重定向
实验是在前一篇文章的项目上做的: 数据写到页面后台往前台传数据 TestController添加 /** * 方法的返回值采用ModelAndView, new ModelAndView(" ...
分分钟教会你使用HTML写Web页面
在学习怎样使用HTML编写网页之前,我们必须先搞清楚什么是HTML?当然了不是系统的给大家介绍HTML的前世今生,假设对其身世感兴趣的小伙伴能够去问度娘,她会给你想要的答案. 所谓HTML,就是我们常 ...
使用php后台给自己做一个页面路由，配合ajax实现局部刷新。
今天就要放假了,把近来囤积的小玩意儿总结整理一下. 在请求一个html页面来嵌入到当前页会有一个问题,就是跟随请求过来的html他的样式表和脚本会失效.是因为文档加载的先后顺序等问题造成的.因此,加载 ...
ThinkPHP页面跳转、Ajax技巧详细介绍（十八）
原文:ThinkPHP页面跳转.Ajax技巧详细介绍(十八) ThinkPHP页面跳转.Ajax技巧详细介绍一.页面跳转 $this->success('查询成功',U('User/test' ...
通过用jQuery写一个页面，我学到了什么
概述前几天面试,hr发来一个测试文件,让我做做看.我一看,其实就是根据PSD需求写一个页面,再加上一些互动效果即可. 刚好我之前学了切图,jquery等知识还没练手过,于是高兴的答应了. 最后花了3 ...
让页面无刷新的AJAX、ASP.NET核心知识（9）
AJAX简介 1.如果没有AJAX 普通的ASP.Net每次执行服务端方法的时候都要刷新当前页面,如果没有ajax,在youku看视频的过程中,就没法提交评论,页面会刷新,视频会被打断. 2.说说AJ ...
当页面是本地页面时，通过ajax访问tomcat里的action,传递的参数在action里并不能识别
当页面是本地页面时,通过ajax访问tomcat里的action,传递的参数在action里并不能识别,这个问题困扰了我不少时间. 在测试时发现此问题
ajax写登录页面
静态配置 STATICFILES_DIRS = ( os.path.join(BASE_DIR,'my_blog','static'), ) AUTH_USER_MODEL = "app01 ...

随机推荐

Storm测试报告
http://blog.csdn.net/jmppok/article/details/17614431
delphi根据进程PID获取程序所在路径的函数（用OpenProcess取得句柄，用GetModuleFileNameEx取得程序名）
uses psapi; {根据进程PID获取程序所在路径的函数}function GetProcessExePath(PID: Cardinal): string;varpHandle: THandl ...
Spring MVC 如何防止XSS、SQL注入攻击
在Web项目中,通常需要处理XSS,SQL注入攻击,解决这个问题有两个思路: 在数据进入数据库之前对非法字符进行转义,在更新和显示的时候将非法字符还原在显示的时候对非法字符进行转义如果项目还处在起 ...
SGU 0438 The Glorious Karlutka River =) 动态流
题目大意:有一条东西向流淌的河,宽为W,河中有N块石头,每块石头的坐标(Xi, Yi)和最大承受人数Ci已知.现在有M个游客在河的南岸,他们想穿越这条河流,但是每个人每次最远只能跳D米,每跳一次耗时1 ...
linux mount命令学习
我们在下面这篇博文中已经有笼统的学习了文件系统的一些相关知识, http://blog.csdn.net/boyxulin1986/article/details/12107113 本篇我们主要是用来 ...
查询死锁和处理死锁(SqlServer)
-------------------查询死锁,极其引起的原因-------------------------------use master go create procedure sp_who_ ...
我为什么要再给lua写一个json模块
最近要给自己编写的服务器加上json解析模块.根据我当前的项目,可以预测服务器中使用json的地方: 通信.由于与客户端通信使用google protocolbuffer,仅在与SDK通信中使用jso ...
解决Xcode8 输出一对字符串问题
在Product->Scheme->Edit Scheme->Run->Environment Variables下添加键:OS_ACTIVITY_MODE, 值:Disabl ...
mysql中文名字按首字母排序
在mysql数据库中可以使用GBK编码对中文进行排序,如名字按首字母排序 order by convert(substr(tu.username,1,1) using 'GBK') 其中substr方 ...
Java 实现Md5算法
package other; import java.security.MessageDigest;import java.security.NoSuchAlgorithmException;/* * ...

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

最近写的页面，含有大量的ajax的更多相关文章

随机推荐

热门专题