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. ...
随机推荐
- The 50 Most Essential Pieces of Classical Music
1. Die Zauberflöte ("The Magic Flute"), K. 620: Overture London Philharmonic Orchestra 7:2 ...
- PHP 一个可以过滤非法脚本的函数
这里提供一个过滤非法脚本的函数: function RemoveXSS($val) { // remove all non-printable characters. CR(0a) and L ...
- 监听EditText
0.得到焦点的时候,作一些处理 public class AbcActivity extends Activity implements OnFocusChangeListener{ @Overrid ...
- C++ 虚函数表解析（转载）
转载自:陈皓 http://blog.csdn.net/haoel/article/details/1948051/ 前言 C++中的虚函数的作用主要是实现了多态的机制.关于多态,简而言之就是用父类型 ...
- EXTJS 4.2 资料 控件之 Store 用法
最近工作,发现在Extjs中自定义Store的功能挺多,特意在此做笔记,几下来,具体代码如下: 1.定义Store //定义Store var ItemSelectorStore = new Ext. ...
- UILabel设置行间距和字间距并计算高度－b
#define UILABEL_LINE_SPACE 6 #define HEIGHT [ [ UIScreen mainScreen ] bounds ].size.height //给UILabe ...
- 反射自动填充model
public static T FillModel<T>(DataRow dr) { ) return default(T); T model = Activator.CreateInst ...
- 1044: [HAOI2008]木棍分割 - BZOJ
Description 有n根木棍, 第i根木棍的长度为Li,n根木棍依次连结了一起, 总共有n-1个连接处. 现在允许你最多砍断m个连接处, 砍完后n根木棍被分成了很多段,要求满足总长度最大的一段长 ...
- Recommender Systems引言
我想站在大神肩膀上...貌似是计算所的一个小伙伴... 总结的很好,看得出来有一定的功底.... 不过对于自己看过了的东西,就不愿意再翻看第二遍了.恰好这本书和项亮那本很像,就直接看这本书了.顺便记记 ...
- js key事件 keyCode大全
keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 ...