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="8" class="bdBottom1" data-colspan="8">项目信息</th>
                                    <th colspan="1" class="bdBottom1" data-colspan="1">已收</th>
                                    <th colspan="1" class="bdBottom1" data-colspan="1">应付</th>
                                    <th colspan="1" class="bdBottom1" data-colspan="1">已付</th>
                                    <th colspan="2" class="bdBottom1" data-colspan="2">余额</th>
                                </tr>
                                 <tr  class="thetr">
                                    <th  width="4%" data-col="0" field="RowNumber">序号</th>
                                    <th width="9%" data-col="0"  field="orderNumber">谈单编号</th>
                                    <th width="10%" data-col="0" field="designerManagerTime">交易时间</th>
                                    <th width="7%" data-col="0"  field="costumType">类型</th>
                                    <th width="7%" data-col="0"  field="area">面积</th>
                                    <th width="7%" data-col="0"  field="u_xingming">业务员</th>
                                    <th width="7%" data-col="0"  field="zhouqi">进程(天)</th>
                                    <th width="7%" data-col="0"  field="JinDu">当前阶段</th>
                                    <th width="7%" data-col="1"  field="ChuShouJia" format="isFormat" adformat="yh_JiaoYiJinE.aspx"><a class="linkText down"  data-str=‘ChuShouJia‘>交易金额(元)</a></th>
                                    <th width="9%" data-col="2"  field="YingFaXinXiFei" format="isFormat" adformat="yingfu_XinXiFei.aspx"><a class="linkText up" data-str=‘YingFaXinXiFei‘>信息费(元)</a></th>
                                    <th width="9%" data-col="3"  field="ShiFaXinXiFei" format="isFormat" adformat="yifu_XinXiFei.aspx"><a class="linkText down" data-str="ShiFaXinXiFei">信息费(元)</a></th>
                                    <th width="8%" data-col="4"  field="WeiFaXinXiFei"><a class="linkText down" data-str="WeiFaXinXiFei">差额(元)</a></th>
                                    <th class="last" data-col="4"  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>
时间: 2024-11-02 08:13:45

jquery通过ajax获取数据(优化、封装)的相关文章

jquery通过ajax获取数据,控制显示的数据条数

效果图: 现在我们可以先看它的json数据,如图所示:                然后可以对应我们的代码进行理解. jquery通过ajax获取数据,并通过窗口大小控制显示的数据条数,以及可以根据需求隐掉列数据. <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> html,body {

jquery 之ajax获取数据

$.ajax({    url: "http://www.hzhuti.com",    //请求的url地址    dataType: "json",   //返回格式为json cache:false,//第二次请求是否读取缓存    async: true, //请求是否异步,默认为异步,这也是ajax重要特性    data: { "id": "value" },    //参数值    type: "GET

jquery datatable ajax 获取数据/重新加载

table <table class="table table-striped table-bordered table-hover " style="width: 100%;" id="table1"> <thead> <tr> <th>名</th> <th>类型</th> <th>是否为空</th> <th>默认值</

通过Jquery中Ajax获取json文件数据

1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 : 名称/值对. 例如: "Student":"Tom" Json值可以是: 数字(整数或浮点数) 字符串(在双引号中) 逻辑值(true或者false) 数组(在方括号中) 对象(在花括号中) null  例如(对象):{"name":"to

通过原生js的ajax或jquery的ajax获取服务器的时间

在实际的业务逻辑中,经常是与时间相关的,而前端能获得的时间有两个:客户端的时间,服务器的时间.客户端时间通过 javascript中的Date对象可以获取,如 Java代码   var dt = new Date(); var tm = dt.getTime(); 那么tm就是客户端的时间,另外也可以通过对应的getFullYear(),getMonth(),getDate()取到对应的年月日等...但这个时间可靠吗?好吧,那取服务器时间吧经常用到的是后台写一个php,jsp,cgi,asp..

vue 中使用 AJAX获取数据的方法

在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: <script type="text/javascript"> new Vue({ el:'#app', data:{data:""}, created:function(){ var url="json.jsp"; var _self=this; $.get(url,function(data){ _se

jQuery 中 ajax 提交数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名问题 ... ajax02.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="form&qu

jQuery 中 ajax 请求数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名和文件图片路径问题 ... ajax01.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ajax小例子 </title> </head> <body> <!--

React使用jquery方式动态获取数据

今天用了一下最简单的方式获取数据处理,来结合react实现实时请求,并刷新数据的小demo. 首先我还是选择了jquery方式中自带的ajax获取数据,首先要引用所需的js包 接下来要写一个自定义的js文件, 创建一个react组件: var Demo = React.createClass({}); //渲染组件 React.render(<Demo url="../data/package.json" setTime="2000" />,docume