linzheng
linzheng

基于jQuery的AJAX和JSON实现纯html数据模板

通过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。
我们先来看一下html模板：
<table id="datas" border="1" cellspacing="0" style="border-collapse: collapse">
<tr>
<th>
订单ID</th>
<th>
客户ID</th>
<th>
雇员ID</th>
<th>
订购日期</th>
<th>
发货日期</th>
<th>
货主名称</th>
<th>
货主地址</th>
<th>
货主城市</th>
<th>
更多信息</th>
</tr>
<tr id="template">
<td id="OrderID">
</td>
<td id="CustomerID">
</td>
<td id="EmployeeID">
</td>
<td id="OrderDate">
</td>
<td id="ShippedDate">
</td>
<td id="ShippedName">
</td>
<td id="ShippedAddress">
</td>
<td id="ShippedCity">
</td>
<td id="more">
</td>
</tr>
</table>


一定要注意的就是里面所有的id属性，这个是一个关键。再来看一下AJAX请求和绑定数据的代码。
$.ajax(...{
type: "get",//使用get方法访问后台
dataType: "json",//返回json格式的数据
url: "BackHandler.ashx",//要访问的后台地址
data: "pageIndex=" + pageIndex,//要发送的数据
complete :function()...{$("#load").hide();},//AJAX请求完成时隐藏loading提示
success: function(msg)...{//msg为返回的数据，在这里做数据绑定
var data = msg.table;
$.each(data, function(i, n)...{
var row = $("#template").clone();
row.find("#OrderID").text(n.订单ID);
row.find("#CustomerID").text(n.客户ID);
row.find("#EmployeeID").text(n.雇员ID);
row.find("#OrderDate").text(ChangeDate(n.订购日期));
if(n.发货日期!== undefined) row.find("#ShippedDate").text(ChangeDate(n.发货日期));
row.find("#ShippedName").text(n.货主名称);
row.find("#ShippedAddress").text(n.货主地址);
row.find("#ShippedCity").text(n.货主城市);
row.find("#more").html("<a href=OrderInfo.aspx?id=" + n.订单ID + "&pageindex="+pageIndex+">&nbsp;More</a>");
row.attr("id","ready");//改变绑定好数据的行的id
row.appendTo("#datas");//添加到模板的容器中
});
这个是jQuery的AJAX方法，返回数据并不复杂，主要说明一下怎么把数据按模板的定义显示到到页面上。首先是这个“var row = $("#template").clone();”先把模板复制一份，接下来row.find("#OrderID").text(n.订单ID);，表示找到id=OrderID的标记，设置它的innerText为相应的数据，当然也可以设置为html格式的数据。或者是通过外部的函数把数据转换成需要的格式，比如这里row.find("#OrderDate").text(ChangeDate(n.订购日期));有点服务器控件做模板绑定数据的感觉。

所有的这些，都是放在一个静态的页面里，只通过AJAX方法从后台获取数据，所有html代码如下：
<!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>test1</title>
<script language="javascript" type="text/javascript" src=\'#\'" /jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src=\'#\'" /PageDate.js"></script>
</head>
<body>
<div>
&nbsp;<div>
<br />
<input id="first" type="button" value=" << " /><input id="previous" type="button"
value=" < " /><input id="next" type="button" value=" > " /><input id="last" type="button"
value=" >> " />
&nbsp;<span id="pageinfo"></span>
<table id="datas" border="1" cellspacing="0" style="border-collapse: collapse">
<tr>
<th>
订单ID</th>
<th>
客户ID</th>
<th>
雇员ID</th>
<th>
订购日期</th>
<th>
发货日期</th>
<th>
货主名称</th>
<th>
货主地址</th>
<th>
货主城市</th>
<th>
更多信息</th>
</tr>
<tr id="template">
<td id="OrderID">
</td>
<td id="CustomerID">
</td>
<td id="EmployeeID">
</td>
<td id="OrderDate">
</td>
<td id="ShippedDate">
</td>
<td id="ShippedName">
</td>
<td id="ShippedAddress">
</td>
<td id="ShippedCity">
</td>
<td id="more">
</td>
</tr>
</table>
</div>
<div id="load" style="left: 0px; position: absolute; top: 0px; background-color: red">
LOADING....
</div>
<input type="hidden" id="pagecount" />
</div>
</body>
</html>
PageData.js就是包括上面AJAX请求和绑定数据代码的js，整个页面连form都不用，这样做有什么好处呢。再看下面一个模板
<ul id="datas">
<li id="template">
<span id="OrderID">
fsdfasdf
</span>
<span id="CustomerID">
</span>
<span id="EmployeeID">
</span>
<span id="OrderDate">
</span>
<span id="ShippedDate">
</span>
<span id="ShippedName">
</span>
<span id="ShippedAddress">
</span>
<span id="ShippedCity">
</span>
<span id="more">
</span>
</li>
</ul>
还是要注意id属性。大家看到这里应该明白了，不管用什么样的表现形式，只要id属性相同，就可以把数据绑定到对应的位置。这样的话，我们这些做程序的就不会因为美工的修改而修改代码了，而且美工也只要做出html就可以了，不需要为服务器控件做模板（不过我还没遇到过这样的美工，都是美工设计好了我来改成服务器控件的模板）。
再简单说一下AJAX请求的后台，用的是Access的Northwind数据库，把订单表放到DataTable里，然后通过DataTable2JSON转化成JSON数据格式传回来就完了，不过后台用了一些分页和缓存的方法，希望对初学者有一些帮助。

 

 

 

ps:DataTable转换成JSON字符串的函数

直接分解DataTable，然后用StringBuilder来构造成JSON格式也不是很复杂。函数代码如下：

private string DataTable2Json(DataTable dt)
{
StringBuilder jsonBuilder = new StringBuilder();
jsonBuilder.Append("{\"");
jsonBuilder.Append(dt.TableName);
jsonBuilder.Append("\":[");
for (int i = 0; i < dt.Rows.Count; i++)
{
jsonBuilder.Append("{");
for (int j = 0; j < dt.Columns.Count; j++)
{
jsonBuilder.Append("\"");
jsonBuilder.Append(dt.Columns[j].ColumnName);
jsonBuilder.Append("\":\"");
jsonBuilder.Append(dt.Rows[i][j].ToString());
jsonBuilder.Append("\",");
}
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
jsonBuilder.Append("},");
}
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
jsonBuilder.Append("]");
jsonBuilder.Append("}");
return jsonBuilder.ToString();
}
这一行“jsonBuilder.Remove(jsonBuilder.Length - 1, 1);”是为了去掉最后一个多于的逗号

你可能感兴趣的:(html,jquery,Ajax,json,数据模板)

  • 构建量化交易系统核心技术栈详解：从数据到实盘的全链路实践（含代码） Natsume1710 pythonc++c语言githubmysql
    1.引言量化交易系统是一个集数据处理、策略研究、高速执行、风险控制及系统运维于一体的复杂工程。本文旨在为读者提供一个从零开始构建量化交易系统的实践指南，详细阐述其核心技术栈，并通过具体的代码示例，帮助开发者深入理解每个模块的实现细节和技术选型考量。我们将系统分为五个核心层级进行讲解：数据层、策略研究与回测层、交易执行层、风险管理层，以及监控与运维层。每个层级都将探讨其主要功能、涉及的技术挑战及相应
  • 后端要求formdata传参，前端怎么处理 北辰alk 前端前端
    当后端要求使用FormData传参时，前端需要将数据格式化为FormData对象，并通过POST请求发送。以下是处理FormData传参的详细步骤和示例代码：文章目录1.**什么是FormData？**2.**前端如何处理FormData传参？****步骤1：创建FormData对象****步骤2：添加数据到FormData****步骤3：发送请求**3.**示例代码****示例1：发送普通键值对
  • Oracle RMAN技术原理详解 pengdott 数据库oracle数据库
    目录一、RMAN概述二、RMAN核心组件1.RMAN客户端2.目标数据库(TargetDatabase)3.RMAN资料库(RMANRepository)4.恢复目录(RecoveryCatalog-可选)三、RMAN备份原理1.备份类型2.备份集与备份片3.备份过程四、RMAN恢复原理1.恢复类型2.恢复过程五、RMAN高级特性1.块变更跟踪(BlockChangeTracking)2.压缩备份
  • 深入解析Linux分页机制：从虚拟内存到物理地址的魔法转换 pengdott 运维监控linux运维服务器
    目录引言：为什么需要分页机制？一、分页机制基础概念1.1虚拟地址与物理地址1.2页与页框1.3为什么是4KB？二、多级页表结构2.1为什么需要多级页表？2.2x86_64的四级页表结构2.3页表项详解三、Linux分页实现机制3.1内核中的页表管理数据结构3.2地址转换过程3.3缺页异常处理四、高级话题与优化技术4.1大页（HugePage）支持4.2反向映射（ReverseMapping）4.3
  • 基于大模型预测胸椎管狭窄诊疗全流程的研究报告 LCG元 围术期危险因子预测模型研究人工智能机器学习
    目录一、引言1.1研究背景与意义1.2研究目的与创新点1.3研究方法与数据来源二、胸椎管狭窄症概述2.1疾病定义与分类2.2病因与发病机制2.3流行病学特征三、大模型技术原理与应用现状3.1大模型基本原理3.2在医疗领域的应用案例3.3用于胸椎管狭窄预测的优势四、术前大模型预测4.1预测指标与数据收集4.2模型训练与验证4.3预测结果分析与临床意义五、基于预测的手术方案制定5.1手术方式选择依据5
  • 基于大模型的慢性肾炎全流程预测与诊疗方案研究报告 LCG元 围术期危险因子预测模型研究人工智能机器学习
    目录一、引言1.1研究背景与意义1.2研究目的与创新点二、大模型技术原理与应用现状2.1大模型的基本原理与架构2.2医疗领域大模型的应用案例与成效三、慢性肾炎术前风险预测与手术方案制定3.1术前数据收集与特征提取3.2大模型预测术前慢性肾炎风险的方法3.3基于预测结果的手术方案制定四、慢性肾炎术中监测与风险应对4.1术中实时数据监测与分析4.2大模型在术中风险预测的应用4.3术中突发状况的应对策略
  • Verilog HDL基础语法1-1 酱酱酱酱酱 Verilog与FPGAfpga开发
    一、语法特点及规则①Verilog采用模块化结构，数据类型和变量、基本运算符等基本语法，语法类型和C语言很相似。②每行只写一个声明语句或说明，每个VerilogHDL源文件中只能写一个顶层模块，也不能把一个顶层模块分成几部分写在几个源文件中。③源文件名字和文件内容有关，最好与顶层文件同名，命名时，第一个字符为字母或下划线。④源文件用层层缩进的格式来写。⑤变量名的大小写应自始至终保持一致。⑥对关键步
  • 认知引擎的逻辑架构设计：从“投影”到“本体”的知识进化系统
    将“投影—>本体”的认知机制延伸到多个领域，并从不同角度（认识论、科学方法、决策框架、元认知、知识演化）切入，给出一套框架。在这里将其统一为一个“认知引擎”的系统性架构，并加入多模态数据处理、不确定性处理、知识融合、动态演化、系统反馈与优化机制，使之成为一个能够自主学习、自我组织、自我演化的“知识宇宙探照灯”，最终目标是构建真正强大的“认知系统”以逼近“知识奇点”。认知引擎逻辑架构图以下是认知引擎
  • C++--模版进阶 Tanecious. C++c++
    模版进阶1.非类型模版参数2.模板的特化2.1模板特化的概念2.2函数模版特化2.3类模版特化2.3.1全特化2.3.2偏特化2.3.2.1部分特化2.3.2.2参数进行进一步限制3.模版的分离编译3.1分离编译的概念3.2分离编译的详解4.模版总结1.非类型模版参数模板参数可分为类型形参和非类型形参。类型形参：出现在模板参数列表中，跟在class或typename关键字之后的参数类型名称。非类型
  • 【2025/07/03】GitHub 今日热门项目 Albert_Lsk Github推荐github
    GitHub今日热门项目每日精选优质开源项目|发现优质开源项目，跟上技术发展趋势报告概览统计项数值说明报告日期2025-07-03(周四)GitHubTrending每日快照数据时间09:57:11实时爬取生成项目总数16个精选热门开源项目⭐总星数452.7K社区认可度指标今日热度+5.6K24小时新增关注数据洞察核心指标项目总览16个精选项目⭐社区认可452.7K总星标数今日热度5.6K新增关注
  • Flink将数据流写入Kafka,Redis,ES,Mysql 浅唱战无双 flinkmysqlesrediskafka
    Flink写入不同的数据源写入到Mysql写入到ES向Redis写入向kafka写入导入公共依赖org.slf4jslf4j-simple1.7.25compileorg.apache.flinkflink-java1.10.1org.apache.flinkflink-streaming-java_2.121.10.1写入到Mysql导入依赖mysqlmysql-connector-java5.
  • 【Java 面试八股学习 自用版】MYSQL优化-------定位慢查询以及分析
    定位慢查询以及分析导致慢查询的一些原因聚合查询多表查询表数据量过大查询深度分页查询此时的表现为：页面加载过慢接口压测响应时间过长（1s以上）。定位方法（定位哪一条）方法一开源工具调试工具Arthas运维工具prometheusSkywalkingMySql自带慢日志需要在配置文件中开启设置开启以及时间阈值（ps2s）注意：一般在调试阶段开启注意一般结合自己项目说！！！！！分析慢SQL语句的原因聚合
  • Flink TiDB CDC 环境配置与验证
    一、TiDB数据库核心配置1.启用TiCDC服务确保TiDB集群已部署TiCDC组件（版本需兼容FlinkCDC3.0.1），并启动同步服务：#示例：启动TiCDC捕获changefeedcdcclichangefeedcreate\--pd="localhost:2379"\--sink-uri="blackhole://"\--changefeed-id="flink-cdc-demo"2.验
  • Flink CDC支持Oracle RAC架构CDB+PDB模式的实时数据同步吗，可以上生产环境吗 智海观潮 Flinkflinkcdcoracleflink数据同步大数据
    众所周知，FlinkCDC是一个流数据集成工具，支持多种数据源的实时数据同步，包括大家所熟知的MySQL，MongoDB等。原本是作为Flink的子项目运行，后来捐献给Apache基金会，底层实现比较依赖于Flink生态。具体到数据同步底层实现则相对比较依赖于Debezium。对于Oracle实时数据同步有需求的用户来说，经常会有疑问，比如FlinkCDC支持Oracle实时数据同步吗，可以应用到
  • Flink Oracle CDC 环境配置与验证
    一、Oracle数据库核心配置详解1.启用归档日志（ArchivingLog）OracleCDC依赖归档日志获取增量变更数据，需按以下步骤启用：非CDB数据库配置：--以DBA身份连接数据库CONNECTsys/passwordASSYSDBA;--配置归档目标路径和大小ALTERSYSTEMSETdb_recovery_file_dest_size=10G;ALTERSYSTEMSETdb_re
  • 【2025CVPR】SEC-Prompt：少样本增量学习中的语义互补提示模型详解 清风AI 生成对抗网络人工智能神经网络pcm目标跟踪深度学习计算机视觉
    目录一、研究背景：少样本增量学习的挑战二、SEC-Prompt核心原理1.自适应层次化查询（AdaptiveHierarchicalQuery）2.语义互补提示机制（1）判别性提示（D-Prompt）（2）非判别性提示（ND-Prompt）3.训练策略创新（1）判别性提示聚类损失（2）ND-Prompt数据增强三、模型架构图解四、关键创新点五、实验结果对比1.ImageNet-R结果2.CUB20
  • 明远智睿RK3588开发板助力工业机器智能化升级 myzr123 医疗器械物联网嵌入式开发人工智能电力电子
    在工业4.0的浪潮下，工业机器的智能化升级成为制造业发展的关键趋势。明远智睿RK3588开发板凭借其强大的性能和丰富的功能，为工业机器的智能化转型提供了有力支持。首先，2.4GHz主频的高性能处理器赋予工业机器快速的数据处理能力。在工业生产过程中，机器需要实时采集和分析大量的传感器数据，如温度、压力、振动等。RK3588开发板能够快速对这些数据进行处理和运算，根据预设的算法及时调整机器的运行参数，
  • 【八股学习】MySQL——三大日志、索引 illus10n_CHOU 八股学习mysql数据库
    首先，三大日志分别是：redolog、binlog、undolog重点也就是如下部分：每个日志的作用、刷盘时机日志redolog作用让MySQL拥有了崩溃恢复能力。比如MySQL实例挂了或宕机了，重启时，InnoDB存储引擎会使用redolog恢复数据，保证数据的持久性与完整性。刷盘时机在查询时，InnoDB会将数据页读入BufferPool以便后续查找，减少磁盘IO。同理，更新数据时，Buffe
  • 删除南方CASS10.1批量分幅图框模板里的文字（如批注：）（是CAD插件程序，插件后缀.lsp） 发光小阳 南方CASS批量分幅图框模板CAD插件.lsp
    复制下列代码到记事本中，另存并改文件后缀名为.lsp即可在CASS当插件使用(defunc:BatchDelComments(/*error*acadAppdocsfolderfilesfilefullpathdocmspentcount)(vl-load-com);;错误处理函数(defun*error*(msg)(if(anddoc(not(vlax-object-released-pdoc)
  • flink读取kafka的数据处理完毕写入redis JinVijay flinkkafkaredisflink
    /**从Kafka读取数据处理完毕写入Redis*/publicclassKafkaToRedis{publicstaticvoidmain(String[]args)throwsException{StreamExecutionEnvironmentenv=StreamExecutionEnvironment.getExecutionEnvironment();//开启checkpointing
  • 浅谈边缘计算与 CDN 融合发展趋势
    目录前言一、边缘计算与CDN技术概述1、边缘计算：靠近数据源的高效处理2、CDN：内容分发的加速引擎二、边缘计算与CDN融合的优势1、更低的延迟与更快的响应速度2、减轻云数据中心负载3、提高数据安全性4、优化资源分配三、融合面临的挑战1、节点部署与维护难题2、数据同步与一致性问题3、跨域互操作与标准化缺失四、融合发展趋势1、深度融合与协同优化2、智能化与自动化管理3、安全和隐私保护强化4、跨领域应
  • python打卡day41@浙大疏锦行 风逸hhh python打卡60天行动python深度学习计算机视觉
    知识回顾1.数据增强2.卷积神经网络定义的写法3.batch归一化：调整一个批次的分布，常用与图像数据4.特征图：只有卷积操作输出的才叫特征图5.调度器：直接修改基础学习率卷积操作常见流程如下：1.输入→卷积层→Batch归一化层（可选）→池化层→激活函数→下一层2.Flatten->Dense(withDropout，可选)->Dense(Output)作业：尝试手动修改下不同的调度器和CNN的
  • 【Python训练营打卡】day33 @浙大疏锦行 2301_77865880 MyPython训练营打卡python
    DAY33简单的神经网络知识点回顾：1.PyTorch和cuda的安装2.查看显卡信息的命令行命令（cmd中使用）3.cuda的检查4.简单神经网络的流程a.数据预处理（归一化、转换成张量）b.模型的定义i.继承nn.Module类ii.定义每一个层iii.定义前向传播流程c.定义损失函数和优化器d.定义训练流程e.可视化loss过程预处理补充：注意事项：1.分类任务中，若标签是整数（如0/1/2
  • Nuxt.js 数据获取全面指南：从基础到高级实践 vvilkin的学习备忘 Nuxtjavascript开发语言ecmascript
    在现代Web应用开发中，高效、可靠的数据获取是构建优秀用户体验的关键。Nuxt.js作为一个基于Vue.js的元框架，为开发者提供了一套完整的数据获取解决方案，既支持客户端渲染(CSR)，也支持服务器端渲染(SSR)和静态站点生成(SSG)。本文将深入探讨Nuxt.js的各种数据获取方法，分析它们的适用场景，并通过实际示例展示如何在实际项目中应用这些技术。一、Nuxt.js数据获取概述1.1为什么
  • html预览 webshell,RTLO技术与HTML文件是否可以变为WEBSHELL
    一、浅谈RTLO技术我在FreeBuf上到了[APT攻击]趋势科技捕获一次APT攻击活动这篇文章，然后就自己去探探究竟，文章地址在下面RLO控制符是Unicode控制符的一种，使得字符显示从右至左的顺序，攻击者可以利用RTLO技术来达到欺骗目标，从而使得可执行文件的运行。首先Windows系统在解析文件名时，当遇到unicode控制符时，会改变文件名的显示方式，利用这一特性，可以将exe、scr、
  • day40python打卡 qq_58459892 py打开学习人工智能机器学习深度学习
    知识点回顾：彩色和灰度图片测试和训练的规范写法：封装在函数中展平操作：除第一个维度batchsize外全部展平dropout操作：训练阶段随机丢弃神经元，测试阶段eval模式关闭dropout作业：仔细学习下测试和训练代码的逻辑，这是基础，这个代码框架后续会一直沿用，后续的重点慢慢就是转向模型定义阶段了。昨天我们介绍了图像数据的格式以及模型定义的过程，发现和之前结构化数据的略有不同，主要差异体现在
  • 【产品经理】程序员别唬我系列之：反向代理 码上通天地 产品经理产品经理
    看见代理二字就冲进来的网监大人，请不要激动，这篇文章说的并不是用来爬墙的代理技术，而且针对Web服务器的一种代理技术～通常我们所说的代理，都是指的客户端向外界发起请求时，并不是直接与目标服务器连接，而是经过一个代理服务器，将所有请求交给代理服务器，由它去负责连接外界的目标服务器，同时从服务器返回的数据，也经过代理服务器，返回到客户端。在外界看来，所有请求都是来自这台代理服务器，这样就成功的将客户端
  • MySQL 中，insert语句中的value与values的区别 清心歌 #MySQL数据库mysql数据库javaspring
    向表中所有的列插入数据（插入多行数据）：insertinto表名values（列值1，列值2，列值3...列值n），（列值a，列值b，列值c...列值n），...........（列值A，列值B，列值C...列值N）向表中指定的列插入数据（插入单行数据）：insertinto表名（列名1，列名2，列名3...列名n）value（列值1，列值2，列值3...列值n）注意：表名()中列名必须跟valu
  • 基于ZYNQ7000的AD9226采集卡实现（1、采集数据到PL）
    目标AD9226为12位，65MHz采样率ADC。基于ZYNQ7010平台，PL端采集AD数据，通过内部AXI总线，将数据搬运到PS的DDR。可以将如上目标分解为3个小目标实现PL采集AD9226模块，采集后的数据为AXIS接口。实现PL侧DMA可搬运AXIS数据到PS的DDR，可配置地址，帧长度，帧数量等。实现PS侧DMA驱动本章节实现第一个小目标：硬件：主控板采集模块模块引脚功能：D0-D11
  • 浅谈企业 SQL 注入漏洞的危害与防御 阿贾克斯的黎明 网络安全sql数据库web安全
    目录浅谈企业SQL注入漏洞的危害与防御一、SQL注入漏洞的现状二、SQL注入带来的风险三、SQL注入漏洞的分类（一）按利用方式分类（二）输出编码（三）使用预编译语句（四）日志监控（五）使用WAF（WebApplicationFirewall）（五）使用WAF（WebApplicationFirewall）（六）代码扫描和培训七、如何第一时间发现正在被SQL注入攻击（一）日志监控（二）蜜罐数据（三）
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    index.html <!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/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他