zoukankan      html  css  js  c++  java
  • Jquery $.ajax相关用法

    1、ajax() 方法通过 HTTP 请求加载远程数据,jQuery 底层 AJAX 实现。

        $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最简单的情况下,$.ajax() 可以不带任何参数直接使用。

    function getTopMsg() {
                    $.ajax({
                        type: "post",
                        url: "Default.aspx/SetPageTopMsg",
                        data: {},
                        dataType: "json",
                        contentType: "application/json; charset=UTF-8",
                        success: function (data) {   //返回的是一个json对象
                            var json = data.d.Data;
                            $("#lblnewTaskNum").text(json.lblnewTaskNum);
                            $("#lblOnStartNum").text(json.lblOnStartNum);
                            $("#lblTaskNum").text(json.lblTaskNum);
                            $("#lblTheNewTaskNum").text(json.lblTheNewTaskNum);
                            $("#lblCompleteNum").text(json.lblCompleteNum);
                        },
                        error: function () {
                        }
                    });
                }

     如果要处理$.ajax()得到的数据,则需要使用回调函数。beforeSend、error、dataFilter、success、complete。

          $.ajax({
                    type: "post",
                    url: vUrl,
                    data: JSON.stringify($('#dataForm').serializeJson()),
                    dataType: "json",
                    contentType: "application/json; charset=UTF-8",
                    error: function (data)
                    {
                        var msg = "保存失败:" + data.responseText;
    
                        $.messager.alert("系统提示", msg, "info");
                        //console.log(data);
                    },
                    success: function (data)
                    {
                        var result = data.d;
                        var msg = "保存成功!";
                        if (result.Code != "0")
                        {
                            msg = "保存失败:" + result.Message;
                            $.messager.alert("系统提示", msg, "info");
                        } else
                        {
                            window.parent.updateTree();
                            $.messager.alert("系统提示", msg, "info", back);
                        }
                        
    
                        //console.log(data);
                    }
                });
  • 相关阅读:
    毕业面试试题汇总
    js获取系统日期
    非常酷的3D翻转相册展示特效
    CSS 替换元素和非替换元素 行内非替换元素
    怎样在linux下编写C程序并编译执行
    库和框架的区别
    转载:em(倍)与px的区别
    RPMForge介绍及安装
    linux下安装jdk和配置环境变量
    PCI PCI-X PCI-E介绍
  • 原文地址:https://www.cnblogs.com/d685600/p/3686132.html
Copyright © 2011-2022 走看看