`
冷寒冰
  • 浏览: 243512 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery:$.ajax() 复杂 完整例子

阅读更多
       var makingCount = 0;
        var pageCount = 0;
        var pagesize = 6;
        //处理制作中
        function divmaking_click() {
            //处理搜索(新增代码)
            var hf_searchFlag = $("#<%=hfSearchFlag.ClientID %>");
            var _searFlag = false;
            if (hf_searchFlag.val() == "SearchTrue") {
                _searFlag = true;
            }
            var start_date = $("#<%=ahf_StartDate.ClientID %>").val();
            var end_date = $("#<%=ahf_EndDate.ClientID %>").val();
            var coursewareName = $("#<%=coursewareName.ClientID %>").val();
            $("#<%=txt_startTime.ClientID %>").val(start_date);
            $("#<%=txt_endTime.ClientID %>").val(end_date);
            var _coursewareName = "";
            var _startDate = "";
            var _endDate = "";
            if (_searFlag) {
                _coursewareName = coursewareName;
                _startDate = start_date;
                _endDate = end_date;

            }

            //处理制作中首页展示
            var pageindex = 1;
            $('#makingcount').html(pageindex);

            var ss_table = "";

            $.ajax({
                type: "post",
                url: "AjaxMaking.aspx",
                data: {
                    "pageIndex": pageindex,
                    "pageSize": pagesize,
                    "IsPublish": 0,
                    "CoursewareName": _coursewareName,
                    "StartDate": _startDate,
                    "EndDate": _endDate,
                    "SearchFlag": _searFlag

                },
                success: function (data, textStatus) {
                    var j = eval(data);
                    $.each(j.count, function (i, item) {
                        makingcount = item.count;
                        //makingcount = 13;
                        var dd = parseInt(makingcount)

                        pageCount = Math.ceil(dd / pagesize);


                    });
                    $.each(j.data, function (i, item) {

                        ss_table += " <div class=\"btkuai\"><table>";
                        if (item.Url == "" || item.Url == null) {
                            ss_table += "<tr><th><img src=\"upload/2.png\"  alt=\"暂无图片\"  id=\" " + item.CoursewareId + "\" onclick=\"CoursewarePreview(this)\"/></th>";
                        }
                        else {
                            ss_table += "<tr><th><img  onclick=\"CoursewarePreview(this)\" alt=\"暂无图片\"  id=\"" + item.CoursewareId + "\" src=\"" + item.Url + "\"/></th>";
                        }

                        ss_table += "<td><h2>" + item.CoursewareName + "</h2>";
                        ss_table += "<h3><a href=\"#\" class=\"fenyuan\" id=\"" + item.CoursewareId + "\" onclick=\"CoursewareRelease(this)\"><span>课件发布</span></a></h3>";
                        ss_table += "<h3><a href=\"Courseware/CourseFrame.aspx?CoursewareId=" + item.CoursewareId + "\"  class=\"huangyuan\"><span>课件编辑</span></a></h3>";
                        ss_table += "</td></tr></table></div>";
                    });

                    $('#div_makingpagging').html(ss_table);
                    var flag = (pageindex + 1) > pageCount ? false : true;
                    if (flag == false) {
                        var btnNext = $('#_makingNext');
                        btnNext.attr("disabled", "disabled");
                    }

                    //在首页时,上一页按钮失效
                    var btnPrevious = $('#_makingPrevious');
                    btnPrevious.attr("disabled", "disabled");



                },
                complete: function (XMLHttpRequest, textStatus) {

                    //HideLoading();
                },
                error: function () {

                    //请求出错处理
                }
            });
        }
AjaxMaking.aspx后台代码
public partial class AjaxMaking : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //Response.Write("[{ \"count\":\"" + count.ToString() + "\"}]");
            //获取数据记录
            Response.ContentType = "application/json";
           List<ECoursewareInfo>  eci =new List<ECoursewareInfo>();
            int pageIndex = Convert.ToInt32(Request["pageIndex"]);
            int pageSize = Convert.ToInt32(Request["pageSize"]);
            int IsPublish = Convert.ToInt32(Request["IsPublish"]);
            int vendorId = 1;
            string coursewareName = "";
            string startTime = "";
            string endTime = "";
            bool searchFlag = Boolean.Parse(Request["SearchFlag"]);
            if (searchFlag)
            {
                coursewareName = Request["CoursewareName"];
                startTime = Request["StartDate"];
                endTime = Request["EndDate"];
            }
            int count= 0;
            eci = CoursewareMakingPagging(pageIndex, pageSize, vendorId, coursewareName, startTime, endTime, IsPublish,ref count);
            IsoDateTimeConverter timeConverter = new IsoDateTimeConverter();
            timeConverter.DateTimeFormat = "yyyy'-'MM'-'dd' 'HH':'mm':'ss";
           string result = JsonConvert.SerializeObject(eci, Formatting.Indented, timeConverter);
           string countJson = "[{ \"count\":\"" + count.ToString() + "\"}]";
           string ss = "{\"data\":"+result;
           ss += ",\"count\":"+countJson;
           ss += "}";
           Response.Write(ss);

          
        }
        private List<ECoursewareInfo> CoursewareMakingPagging(int pageIndex, int pageSize, int vendorId, string coursewareName, string startTime, string endTime, int IsPublish, ref int count)
        {
           
            List<ECoursewareInfo> coursewareMaking = new List<ECoursewareInfo>();
            ECoursewareBLL ecb = new ECoursewareBLL();
           return ecb.GetECoursewareInfoPaggingList(pageIndex, pageSize, vendorId, coursewareName, startTime, endTime, IsPublish,ref count);
          
        }
    }
0
0
分享到:
评论

相关推荐

    教你如何终止JQUERY的$.AJAX请求

    最近遇到,如果用户...用jquery发送ajax请求的确是太方便了,$.get、$.post、$.ajax等等,但我们有时候需要中途中止ajax请求。 举个例子,用comet做聊天时,发送一个请求后,服务端通常过几十秒后才会刷新链接、返回

    jQueryTest.rar

    这里是个简单的表单验证例子,向你展示jQuery如何影响你编写的代码。这段代码创建一个document元素的jQuery对象, 然后当html DOM文档准备完毕后调用此实例. 你可以无限次的调用这个函数. 另外,在真正的jQuery风格...

    jQuery 1.3 API 参考文档中文版 html

    + $.ajax中新增3个参数,jsonp,password,scriptCharset 2008-06-17 19:43:30 +0800 * 核心&gt;数据缓存&gt; 第三部分应该 "removeDate(name)" * 修改date(name)里的代码注释一个小错误 2008-06-11 19:26:37 +0800 * ...

    jQuery1.3API参考文档中文版

    + $.ajax中新增3个参数,jsonp,password,scriptCharset 2008-06-17 19:43:30 +0800 * 核心&gt;数据缓存&gt; 第三部分应该 "removeDate(name)" * 修改date(name)里的代码注释一个小错误 2008-06-11 19:26:37 +0800 * ...

    jQuery详细教程

    下面是 jQuery 中事件方法的一些例子: Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时) $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $...

    jquery插件使用方法大全

    例如,使用了新的jQuery内部Ajax API就可以实现下面的代码了: // Assign handlers immediately after making the request, // and remember the jxhr object for this request var jxhr = $.ajax({ url: "example....

    jQuery权威指南-源代码

    此外,jQuery中完善的Ajax功能、行为与结构层的分离、可靠的事件处理机制也同样使得Web后端开发者如虎添翼,使用少量代码就可以实现复杂的功能。特别是新版本1.4.x的发布,jQuery在功能和性能方面都有质的提升,极大...

    相册 多图片上传

    $.ajax({ type: "GET", url: "/api/UploadHandler.ashx?action=deletePic", data: "picName=" + n + "&ver=" + new Date().getTime(), dataType: "html", success: function (data) { if (data.length &gt; 10) ...

    obeyCursor:obeyCursor是一个jQuery小部件,可以使每个DOM对象(slaveObject)跟随光标

    ##例子基本示例 一个更复杂的示例 有点老式的花哨的东西,“卡片”! ##要求; 。 #用法 &lt; script src =" https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js " &gt; &lt;/ script &gt;&lt;...

    jquery 无刷新上传 ajax 无刷新上传

    jquery 无刷新上传 使用第三方控件了 只是一个最简单的例子 因为官方例子太复杂

    基于Jquery的AJAX简单实用的PHP留言板

    然而他没有使用JS框架,对于我这种JS白痴来说,想要把他的这个例子加到我的网站中就象登天那么难。看他的代码异常复杂,估计他过几天连自己的也看不懂了&gt;_&lt; 这就是为什么我要写这篇文章的原因,是想给大家提供一个...

    JS基础学习教程

    它包括了一个简单的Hello World的例子,选择器和事件基础,AJAX、FX的用法,以及如何制作jQuery的插件。 这个指南包括了很多代码,你可以copy它们,并试着修改它们,看看产生的效果。 内容提要 1.安装 2.Hello ...

    JSimpleSpreadsheet:简单,简单,简单。 您HTML表格是可导航和可编辑的(例如电子表格)

    script src =" https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js " &gt; &lt;/ script &gt; &lt; link href =" jsimplespreadsheet.css " rel =" stylesheet " type =" text/css " &gt; &lt; ...

    三个基于jQuery的JS复选框全选反选例子

    摘要:脚本资源,jQuery,全选,反选 三个基于jQuery的JS复选框全选反选例子,实用的网页特效,三款例子大同小异。所有checkbox跟着全选的checkbox走,定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,...

    jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例

    昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据,...

    你不需要jQuery(三) 新AJAX方法fetch()

    它们之间的主要区别是,Fetch API 使用了 Promises,它让接口更简单、简洁,避免了回调的复杂性,省去了使用复杂的 XMLHttpRequest API。 如果你之前未使用过Promises,你应该先看看《JavaScript Promises 用法》这...

    Framer: 同时应用于桌面和移动设备的原型工具.zip

    很多人已经在浏览器中创建原型,因为非常简单和快速,但是你需要做很多有关 html/js/css/jquery 的工作,并且可能存在如下的问题: 混合很多不同的技术,所以变得相当的复杂。 很难做到像素级的控制。 性能方面总是...

    asp.net中mvc使用ajax提交参数的匹配问题解决探讨

    想到在asp.net的mvc中如果使用ajax向服务端传递参数时如果参数是一个类或者是个数组(或List集合)以及更复杂的对象时,服务端总是会发生取不到值的情况,当然网上也有很多解决的例子,但都是在服务端想办法来解决的...

    《iPhone开发实战》.(Christopher Allen).pdf

    5.3.4 iui搜索支持ajax68 5.3.5 iui面板和行68 5.3.6 iui按钮70 5.3.7 iui属性70 5.4 创建iui后端71 5.5 其他iui技巧72 5.5.1 组织代码72 5.5.2 改善数据代码清单73 5.5.3 压缩iui74 5.5.4 选择...

Global site tag (gtag.js) - Google Analytics