`
冷寒冰
  • 浏览: 251566 次
  • 性别: 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中$.getScript()$.getJSON

    `$.ajax()`的语法相当复杂,因为它支持许多自定义选项,如: ```javascript $.ajax({ url: 'url', type: 'GET', dataType: 'json', data: {key: 'value'}, success: function(response) { console.log('Data ...

    解决JQurey跨域问题$.get|$.post|$.getJSON等等统统可跨域

    本篇将详细介绍如何解决jQuery跨域问题,涉及的方法包括$.get、$.post和$.getJSON等。 首先,我们需要理解什么是跨域。同源策略是浏览器为保障安全而实施的一项机制,它规定JavaScript只能访问与当前页面同源(协议...

    学习jQuery中的Ajax——$.get()方法

    对于更复杂的请求,可以使用`$.ajax()`方法,它提供了更多的选项来定制请求,如错误处理、超时设置、缓存控制等。 ### 四、示例代码 在`demo3-get`这个文件中,很可能包含了一个使用`$.get()`方法的示例代码。通过...

    Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    在jQuery中,有四种主要的Ajax方法用于与服务器进行异步数据交互,它们分别是$.get(), $.post(), $.ajax()和$.getJSON()。这些方法简化了JavaScript中的Ajax操作,使得开发者能够更加便捷地处理数据交互。 1. **$....

    javascript jQuery $.post $.ajax用法

    JavaScript 和 jQuery 提供了多种方式来执行 AJAX(Asynchronous JavaScript and XML)请求,其中 `$.post` 和 `$.ajax` 是最常用的两个方法。AJAX 允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容...

    asp.net+jquery+ajax所有调用例子

    在JavaScript中,我们可以使用jQuery的$.ajax()方法发起请求: ```javascript $.ajax({ type: "POST", url: "Handler.ashx", data: JSON.stringify({ key: "value" }), contentType: "application/json; ...

    jQuery中$.each()函数的用法引申实例_.docx

    ### jQuery中$.each()函数的深入理解与应用 #### 一、概述 在现代Web开发中,jQuery作为一个非常流行的JavaScript库,提供了丰富的功能和简洁的API来简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。其中,`...

    jquery $.each json 获取json 数据

    在实际开发中,我们可能需要在$.each循环中进行更复杂的操作,比如更新DOM元素、计算数据或者发送Ajax请求。例如,假设我们有一个JSON数组,每个元素包含一个HTML片段,我们可以遍历数组并在页面上渲染这些片段: `...

    jQuery/jquery-1.7.2.min.js jquery-1.7.2.js 文件

    5. **Ajax**:jQuery封装了Ajax操作,例如`$.ajax()`, `$.get()`, `$.post()`等,使得异步数据交互变得简单。 6. **链式调用**:jQuery的API设计支持链式调用,如`$(selector).addClass('active').css('color', '...

    详解jquery中$.ajax方法提交表单

    总结来说,$.ajax方法是jQuery中进行Ajax操作的核心,通过灵活配置其参数,可以实现各种复杂的数据交互。在提交表单时,合理使用$.ajax可以实现无刷新提交,提高用户体验。在实际应用中,应根据项目需求选择合适的...

    ajax请求后台接口数据与返回值处理js的实例讲解

    AJAX最常见的实现方式有两种:一是使用原生的XMLHttpRequest对象,二是使用jQuery库提供的$.ajax方法。在现代开发中,由于jQuery的简便性和跨浏览器的兼容性,$.ajax方法应用更为广泛。 知识点三:$.ajax方法的参数...

    jquery自定义类似$.ajax()的方法实现代码

    这里我们将详细探讨如何使用jQuery的 `$.extend()` 方法来实现一个类似于 `$.ajax()` 的自定义方法 `$.testgogo()`。 首先,让我们分析给定的代码片段: ```javascript $.extend({ testgogo: function(options) {...

    jquery很全的例子源码,事件 ajax,表单应用

    1. `$.ajax()`: 这是jQuery的核心Ajax函数,支持GET和POST等请求类型,可以设置请求头、数据类型、回调函数等参数。 2. `$.get()和$.post()`: 简化的Ajax请求,用于快速实现GET和POST操作,如`$.get("url", data, ...

    jqueryajax的$post和$get方法共3页.pd

    在实际应用中,`$.post()`和`$.get()`可以与jQuery的其他功能结合使用,如`serialize()`(序列化表单数据)和`ajaxStart()`/`ajaxStop()`(监控Ajax请求状态)。此外,它们还可以通过设置选项来定制请求行为,例如...

    ajax,jQuery 例子大全,json例子

    此外,jQuery还提供了如`$.get()`, `$.post()`, `$.getJSON()`等简化的API,使得Ajax请求的编写更加直观。在处理JSON数据时,jQuery的`$.getJSON()`方法特别有用,它会自动将返回的JSON数据解析为JavaScript对象,...

    jquery中alert实现代码

    它扩展了jQuery的功能,添加了一个新的方法`$.alerts`,用来弹出具有自定义样式的警告对话框。此插件可能包含了一些回调函数,比如确认按钮的点击事件,以及对话框关闭时的处理逻辑。 要使用这个插件,首先确保你的...

    jQuery-AJAX.zip_jquery ajax

    1. `$.ajax()`: 这是最常用的AJAX函数,它可以接受一系列参数,包括URL、请求类型(GET或POST)、数据、回调函数等,可以进行复杂的AJAX请求。 2. `$.get()`: 用于发起GET请求,它接受URL和回调函数作为参数,返回...

    jQuery基础教程.rar 源码 全部例子

    - `$.ajax()`是jQuery的核心异步请求函数,可以进行GET、POST等HTTP请求。 - `$.get()`, `$.post()`是简化版的Ajax函数,适用于简单请求。 - `$.getJSON()`专门用于获取JSON格式数据。 8. **jQuery插件**: - ...

    ASP.NET—009:前台传值的另一种方式$.post

    $.post是jQuery库中的一个 AJAX 方法,它允许我们在不刷新页面的情况下向服务器发送异步POST请求。这种方法相比于传统的表单提交,更加灵活且易于使用,能够实现更为复杂的前后端交互。$.post函数的基本语法如下: ...

Global site tag (gtag.js) - Google Analytics