最近写的页面，含有大量的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>
<table class="tab mb10" width="100%" border="0" cellpadding="0"
cellspacing="1">
<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 ...
随机推荐
- Gridview中奇偶数行颜色设置
在gridview中的RowDataBound事件里面写 switch (e.Row.RowType) {case DataControlRowType.Header: e.Row.BackColor ...
- C51 库函数
C-51软件包的库包含标准的应用程序,每个函数都在相应的头文件(.h)中有原型声明.如果使用库函数,必须在源程序中用预编译指令定义与该函数相关的头文件(包含了该函数的原型声明).例如:#include ...
- JS Map 简单实现
/* * MAP对象,实现MAP功能 * * 接口: * size() 获取MAP元素个数 * isEmpty() 判断MAP是否为空 * clear() 删除MAP所有元素 * put(key, v ...
- HDOJ 1397 Goldbach's Conjecture(快速筛选素数法)
Problem Description Goldbach's Conjecture: For any even number n greater than or equal to 4, there e ...
- 【转】 基于TFTP协议的远程升级设计
版权声明:本文为博主原创文章,未经博主允许不得转载.联系邮箱:zhzhchang@126.com 说明:由于CSDN博客编辑器对word格式近乎不支持,因此对表格使用了图片方式(最后一个表格未使用图片 ...
- zabbix流量汇聚
"服务器流量汇总"领导提需求,要把几个数据中心的数据汇总起来,于是就google了一下"zabbix流量汇总" 按照其中一篇博客做了出来,博客地址如下. htt ...
- [原创作品]Javascript内存管理机制
如果你也喜欢分享,欢迎加入我们:QQ group:164858883 内存策略:堆内存和栈内存栈内存:在函数中定义的一些基本类型的变量和对象的引用变量都是在函数的栈内存中分配.当在一段代码块中定义一个 ...
- 导航条上UIBarButtonItem的更改方法（使用initWithCustomView:btn）
UINavigationController *nav = [[[UINavigationController alloc] initWithRootViewController:self.newMe ...
- windows 7 SDK和DDK下载地址
查个小资料,得到地址,顺便记录一下. Windows Driver Kit Version 7.1.0 http://www.microsoft.com/downloads/details.aspx? ...
- Spring学习笔记——Spring中的BeanFactory与FactoryBean
BeanFactory BeanFactory是Spring的org.springframework.beans.factory下的一个接口,是Spring IOC所遵守的基本编程规范.他的实现类有D ...