jquery通过ajax获取数据(优化、封装)
下载页面查看: makeGrid.js ,column.js ,XiangMuGuanLi.aspx
<div class="tb_container" id="tb_container1" style="padding-top:0;">
<div class="tb_sub_container" id="tbContent"> <div class="ui-jqgrid-bdiv" style="overflow-y:auto;">
<div id="tablethead" style="position:fixed; display:block; left:0; top:32px; z-index:5; margin-left:1%;">
<table class="table_1 notop noright noleft" width="100%">
<thead id="thead2" style="background:#fff; " >
</thead>
</table>
</div>
<table class="table_1 notop noright noleft" id="tb_2" style="width:100%;" url="../Service/KJ_XiangMuAjax.aspx?key=ZaiTanXiangMu" sort="desc" order="designerManagerTime"
post-data="{'bumen': 0,'yewuyuan':0, 'search':'', 'datetime':'','costumType':'','area':'' }">
<thead id="thead1">
<tr class="toptr2">
<th colspan="" class="bdBottom1" data-colspan="">项目信息</th>
<th colspan="" class="bdBottom1" data-colspan="">已收</th>
<th colspan="" class="bdBottom1" data-colspan="">应付</th>
<th colspan="" class="bdBottom1" data-colspan="">已付</th>
<th colspan="" class="bdBottom1" data-colspan="">余额</th>
</tr>
<tr class="thetr">
<th width="4%" data-col="" field="RowNumber">序号</th>
<th width="9%" data-col="" field="orderNumber">谈单编号</th>
<th width="10%" data-col="" field="designerManagerTime">交易时间</th>
<th width="7%" data-col="" field="costumType">类型</th>
<th width="7%" data-col="" field="area">面积</th>
<th width="7%" data-col="" field="u_xingming">业务员</th>
<th width="7%" data-col="" field="zhouqi">进程(天)</th>
<th width="7%" data-col="" field="JinDu">当前阶段</th>
<th width="7%" data-col="" field="ChuShouJia" format="isFormat" adformat="yh_JiaoYiJinE.aspx"><a class="linkText down" data-str='ChuShouJia'>交易金额(元)</a></th>
<th width="9%" data-col="" field="YingFaXinXiFei" format="isFormat" adformat="yingfu_XinXiFei.aspx"><a class="linkText up" data-str='YingFaXinXiFei'>信息费(元)</a></th>
<th width="9%" data-col="" field="ShiFaXinXiFei" format="isFormat" adformat="yifu_XinXiFei.aspx"><a class="linkText down" data-str="ShiFaXinXiFei">信息费(元)</a></th>
<th width="8%" data-col="" field="WeiFaXinXiFei"><a class="linkText down" data-str="WeiFaXinXiFei">差额(元)</a></th>
<th class="last" data-col="" field="yue"><a class="linkText down" data-str="yue">金额(元)</a></th>
</tr>
</thead>
<tbody id="tbodycontent">
</tbody>
</table>
</div>
<div class="j_height">
<table class="tb_all" >
<tr class="target_tr" id="tbootHeJi">
<td width="4%">统计</td>
<td width="9%"></td>
<td width="10%"></td>
<td width="7%"></td>
<td width="7%"></td>
<td width="7%"></td>
<td width="7%"></td>
<td width="7%"></td>
<td width="7%" field="ChuShouJia" HeJi="" DanWei="元"></td>
<td width="9%" field="YingFaXinXiFei" HeJi="" DanWei="元"></td>
<td width="9%" field="ShiFaXinXiFei" HeJi="" DanWei="元"></td>
<td width="8%" field="WeiFaXinXiFei" HeJi="" DanWei="元"></td>
<td field="yue" HeJi="" DanWei="元"></td>
</tr>
</table>
</div> <div class="tx_right">
<div id="pages" class="basePaging">
</div>
</div> </div>
</div>
jquery通过ajax获取数据(优化、封装)的更多相关文章
- jquery通过ajax获取数据,控制显示的数据条数
效果图: 现在我们可以先看它的json数据,如图所示: 然后可以对应我们的代码进行理解. jquery通过ajax获取数据,并通过窗口大小控制显示的数据条数,以及可以根据 ...
- jquery 之ajax获取数据
$.ajax({ url: "http://www.hzhuti.com", //请求的url地址 dataType: "json", / ...
- jquery.ajax和Ajax 获取数据
前几天接触了jquery 看到里面ajax的部分,自己也不是很懂,然后有重复看了即便,然后写了一个小功能,分享下...我刚学的.有错误的请指教. 验证用户名是否存在 在checkname_jqajax ...
- 通过Jquery中Ajax获取json文件数据
1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 : ...
- React使用jquery方式动态获取数据
好久没写react了,今天有空写一下来react实现实时请求数据,并刷新数据的小demo. 首先我还是选择了jquery方式中自带的ajax获取数据,首先要引用所需的js包 接下来要写一个自定义的js ...
- 对jquery的ajax进行二次封装
第一种方法: $(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"username": " ...
- vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: <script type="text/javascri ...
- select2 AJAX获取数据
页面效果: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"& ...
- node.js之用ajax获取数据和ejs获取数据
摘要:学了node之后有时候分不清前台和后台,今天用ajax和ejs来从后台获取数据,没有数据库,用json数据来进行模拟数据库:来区分前台和后台需要干什么? 一.用ejs获取数据 1.文件目录 2. ...
随机推荐
- vim中编写python代码使用python-mode和syntastic插件时警告(Warning)的消除
问题: 在Vim使用了syntastic后,编写代码时,可以对代码错误和警告进行相对实时的了解,对编写代码有很大的帮助.同时这个插件和python-mode一起工作时,可以对python代码的编写提供 ...
- velocity语法
1.声明变量 #set($var = XXX) 右边可以是以下的内容 Variable reference String literal Property reference Method refer ...
- 隐藏和显示效果js动画
<div id='ctt' style='margin-left: 50px; color: white'> <input type="button ...
- (转)inux Read系统调用
转载网址:http://my.oschina.net/haomcu/blog/468656 1. 什么是系统调用 2. read系统调用在内核空间的处理层次模型 3. 相关的内核数据结构 4. rea ...
- ASP.NET MVC 数据分页思想及解决方案代码
作为一个程序猿,数据分页是每个人都会遇到的问题.解决方案更是琳琅满目,花样百出.但基本的思想都是差不多的. 下面给大家分享一个简单的分页器,让初学者了解一下最简单的分页思想,以及在ASP.NET MV ...
- WPF MultiDataTrigger
huhu <Style x:Key="Cell" TargetType="{x:Type Button}"> <Setter Property ...
- BZOJ 3123 SDOI2013 森林
首先对于查询操作就是裸的COT QAQ 在树上DFS建出主席树就可以了 对于连接操作,我们发现并没有删除 所以我们可以进行启发式合并,每次将小的树拍扁插入大的树里并重构即可 写完了之后第一个和第二个点 ...
- adb开启不了解决方案
原文地址: adb开启不了解决方案 - vaecer - 博客频道 - CSDN.NET http://blog.csdn.net/vaecer/article/details/45894643 ...
- 一篇文章教会你,如何做到招聘要求中的“要有扎实的Java基础
来历 本文来自于一次和群里猿友的交流,具体的情况且听LZ慢慢道来. 一日,LZ在群里发话,“招人啦.” 然某群友曰,“群主,俺想去.” LZ回之,“你年几何?” 群友曰,“两年也.” LZ憾言之,“惜 ...
- Java SE7新特性之try-with-resources语句
try-with-resources语句是一个声明一个或多个资源的 try 语句.一个资源作为一个对象,必须在程序结束之后随之关闭. try-with-resources语句确保在语句的最后每个 ...