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. ...
随机推荐
- JavaScript console 用法大全
对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而代之则是会将值输出到控制台上方便调试.最常用的语句就是console.log(expres ...
- WebApi中帮助页Description的中文显示
转自:http://edi.wang/post/2013/10/28/auto-generate-help-document-aspnet-webapi 我选择Web API的一个重要原因就是因为可以 ...
- javascript高级编程笔记06(面相对象2)
1) 构造函数模式 es中的构造函数可以用来创建特定类型的对象,像Object和Array这样的原生构造函数,在运行时会自动出现在执行环境中,此外,也可以创建自定义的构造函数,从而定义自定义对象类型 ...
- 运行windows系统工具命令
appwiz.cpl 卸载/安装程序 wscui.cpl 操作中心 inetcpl.cpl 查看Internet属性 eventvwr 查看监视消息和疑难解答消息 taskmgr 任 ...
- poj 3041 Asteroids (最大匹配最小顶点覆盖——匈牙利模板题)
http://poj.org/problem?id=3041 Asteroids Time Limit: 1000MS Memory Limit: 65536K Total Submissions ...
- ng-blur失去焦点执行事件
<label class="item item-input item-stacked-label"> <span class="input-label& ...
- UIScrollView的坑--UINavigationController Push后位置变化
今天在使用UIScrollView的时候遇到了一个问题,记录一下.如果这个记录有幸被您搜索到,或许对您有些帮助. 今天有这样一个需求: 在一个由导航条控制的页面中.需要显示一些信息,目前已经有10多行 ...
- Web网站架构设计
目录 [隐藏/显示] 1 - Web负载均衡 1.1 - 使用商业硬件实现 1.2 - 使用开源软件 1.3 - 使用windows自带的互载均衡软件 1.4 - 总结2 - 静态网站 ...
- [转载]Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux
代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大.灵活的编辑器,相信你和我一样,都不会例外. 我用过 ...
- linux下执行 ls,cat等一些命令报出 -bash: /bin/cat: Cannot allocate memory 有没解决的方法
环境变量配置出错了cd -- 进入用户目录vim .bash_profile删除以前PATH这一行,把下面的粘帖进去PATH=$PATH:$HOME/bin:/root:/root/snapshot/ ...