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. ...
随机推荐
- Arcgis 10.1中空间连接功能
空间链接的作用:将面上的所有点的值加起来取平均值.赋值给面属性.(我们可以定义右击——定义合并规则 连接要素的字段映射参数中指定的合并规则仅适用于连接要素中的属性,且仅适用于多个要素与目标要素匹配 ( ...
- js学习之函数声明与函数表达式区别[原创]
作为一名js初学者,与大家分享下.Javascript中有函数声明提升的功能,会优先编译函数声明部分.比如, ff(); function ff(){ alert("hello world. ...
- struts2拦截器-简单实现非法登录验证
概念:什么是拦截器 拦截器实现了面向切面的组件,它会影响多个业务对象的公共行为封装到一个个可重用的模块,减少了系统的重复代码,实现高度内聚,确保业务对象的整洁! 为什么使用拦截器 拦截器消除了动作 ...
- mir9-lua——《热血沙城》45度ARPG手游-Lua移植版
mir9——<热血沙城>,是9秒论坛开源的一个使用Cocos2d-x-2.2.1引擎开发的45度ARPG手游Demo,源代码为c++.mir9-lua是mir9的Lua移植版,使用Quic ...
- [转载]介绍一个JSONP 跨域访问代理API-yahooapis
你是否遇到了想利用AJAX访问一些公网API,但是你又不想建立自己的代理服务,因为有时我根本就没打算涉及服务端任何代码,但是讨厌的浏览器的同源策略,阻止了我们的ajax调用. 比如我想访问一个天气的r ...
- The 11th Zhejiang Provincial Collegiate Programming Contest->Problem A:A - Pokemon Master
http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3776 题意:比较两组数据的总和大小. #include <iostr ...
- linux压缩文件(夹) zip uzip命令的用法
压缩文件(夹) # 压缩列举的文件,格式如下: zip 压缩包名称 文件1 文件2 文件3 ... # 压缩test.txt, a.out文件,并取名为abc.zip $ zip abc.zip te ...
- codeforces #305 A Mike and Frog
挺简单的题目,但是有一堆恶心的边界 在刨去恶心的边界之后: 假定我们知道两边的循环节为b1,b2 其中h第一次到达目标的时间为a1,a2 又知道对于答案t t=a1+b1*t1=a2+b2*t2 不妨 ...
- android 安全需要关注
1.通过签名校验保护,能有效避免应用被二次打包,杜绝盗版应用的产生2.对内存数据进行变换处理和动态跟踪,有效防止数据被获取和修改3.对代码进行加密压缩,可防止破解者还原真实代码逻辑,避免被复制4.多重 ...
- nginx静态资源分离部署
修改nginx.conf文件,用于nginx处理静态资源. 主要配置如下(在server配置中加入location配置即可): server { listen 80; server_name 123. ...