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. ...
随机推荐
- if...else..的错误用法
1.最近在写js代码完成一个前段DOM操作的函数时,自己错误的使用了if..else..控制体.为什么是错误的呢?看看我的 代码你就明白了: document.getElementsByClassNa ...
- Java中“||”与“|”的区别
两者都是或,但是不一样.举个例实例给你看你就明白了: int i=0;if(3>2 || (i++)>1) i=i+1;System.out.println(i); 这段程序会打印出1,而 ...
- GWT RPC
GWT RPC GWT RPCRemote Procedure Calls GWT: Google Web Toolkit的缩写,有了 GWT可以使用 Java 编程语言编写 AJAX 前端,然后 G ...
- c++ 读写锁
#ifndef THREAD_UTIL_H #define THREAD_UTIL_H #include <pthread.h> namespace spider { class Auto ...
- 分析Hibernate的事务处理机制
Hibernate是对JDBC的轻量级对象封装,Hibernate本身是不具备Transaction处理功能的,Hibernate的 Transaction实际上是底层的JDBC Transactio ...
- 【贪心】bzoj 3709:[PA2014]Bohater
3709: [PA2014]Bohater Time Limit: 5 Sec Memory Limit: 128 MBSec Special JudgeSubmit: 653 Solved: ...
- 【数学】[BZOJ 3884] 上帝与集合的正确用法
Description 根据一些书上的记载,上帝的一次失败的创世经历是这样的: 第一天, 上帝创造了一个世界的基本元素,称做“元”. 第二天, 上帝创造了一个新的元素,称作“α”.“α”被定义为“元” ...
- js的面向对象的程序设计之理解继承
来自<javascript高级程序设计 第三版:作者Nicholas C. Zakas>的学习笔记(六) 先来解析下标题——对象和继承~ 一.对象篇 ECMA-262把对象的定义为:&qu ...
- Machine Learning for Developers
Machine Learning for Developers Most developers these days have heard of machine learning, but when ...
- 手工、工具分别实现cookie注入
最开始的判断access类型的网站注入点可以用“1 and 1=1”来判断. 不过现在的网站基本上被挡住了.之后呢,可以考虑cookie注入. Dim Tc_Post,Tc_Get,Tc_In,Tc_ ...