Jquery ajax与asp.net MVC前后端各种交互

梦里梦外; 2021-11-22 14:20 397阅读 0赞

1.Jquery通过ajaxSubmit提交表单

if (jQuery("#ProjectEdit_from").validate().form()) {
        jQuery("#ProjectEdit_from").ajaxSubmit(function (res) {
            if (res == 1) {
                layer.msg('提交成功！', { icon: 1 });
                setTimeout(function () {
                    parent.window.location.href = "/Admin/ProjectList";
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.refresh();
                    parent.layer.close(index);
                }, 1000);
            }else {
                layer.msg('提交失败！', { icon: 2 });
            }
        })
    }

[HttpPost]
    public int ProjectEdit(Model.Admin.ProjectEditModel model)
    {
        int n = 0;
        if (model.ProjectId > 0)//编辑
        {
            n = bll.Update(model);
        }
        else
        {
                
            n = bll.Add(model);
        }
        return n;
    }

2.Jquery通过get方式获取后台Json数据

$.get("/Camera/GetCameraModel?id=" + instanceID, function (data) {
        if (data != undefined && data != "" && data.ModelId > 0) {
         var MileageID = data.ModelId;
        }
    });

/// <summary>
    /// 获取摄像头绑定的模型
    /// </summary>
    /// <param name="id">摄像头列表ID</param>
    /// <returns></returns>
    public JsonResult GetCameraModel(int id)
    {
        var bll = new CameraList();
        var model = bll.GetModel(id);
        return Json(model, JsonRequestBehavior.AllowGet);
    }

3.Jquery通过Ajax方式请求接口并返回Json数据结果

$.ajax({
        type: "POST",
        url: "/Camera/RemoveCameraModel",
        async: true,//默认true异步，同步设置为false
        cache: true,//默认true缓存数据，设置为false不做缓存处理
        data: {
            "id": instanceID,
            "name":"zhangsan"
        },
        dataType: "json",
        success: function (data) {
            if (data.msg>0) {
                window.parent.location.reload(); //刷新父页面
                setTimeout(function () {
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                }, 1000);
            }
            else {
                layer.msg("取消关联失败");
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert(XMLHttpRequest.status);
            alert(XMLHttpRequest.readyState);
            alert(textStatus);
        },
        complete: function (XMLHttpRequest, textStatus) {
            this; // 调用本次AJAX请求时传递的options参数
        }
    });

/// <summary>
    /// 摄像头取消关联模型
    /// </summary>
    /// <param name="id">摄像头ID</param>
    /// <param name="name">摄像头名称</param>
    /// <returns></returns>
    public JsonResult RemoveCameraModel(int id,string name)
    {
        int n = 0;
        var bll = new ConstructionProcessManageLZ_Home.Camera.CameraList();
        var model = bll.GetModel(id);
        model.ModelGuids = null;
        model.ModelId = 0;
        model.LableLocation = null;
        n= bll.Update(model);
        return Json(new
        {
            msg = n
        }, JsonRequestBehavior.AllowGet);
    }

4.Jquery通过post方式处获取后台数据

$.post("/ModelManage/DeleteModelSearchData", { ID: ID }, function (result) {
        if (parseFloat(result || 0) > 0) {
            $(".pop_contents_search .line-div[data-val='" + ID + "']").remove();
        }
        else {
            layer.msg('删除失败！', { icon: 2 });
        }
    });

/// <summary>
    ///  删除
    /// </summary>
    /// <param name="ID"></param>
    /// <returns></returns>
    [HttpPost]
    public int DeleteModelSearchData(int id)
    {
        var bll = new Model_SearchData();
        return bll.Delete(id);
    }

5.Jquery通过get方式获取后台Json列表数据

$.get("@Url.Action("GetCameraDataList")?groupid=" + dataid+"&FileName="+fileName, function (data) {
        $.each(data, function (i, item) {
            html += "<tr><td>"+item.newName+"</td>";
            html += "<td>" +(item.Brand==1?"海康":"大华") + "</td>";
            html += "<td>" + item.Type + "</td>";
            html += "<td>" + item.PassageWay + "</td>";
            html += "<td>" + (item.Status == 0 ? "正常" : "<font style='color:red'>异常</font>") + "</td>";
            html += "<td>" + (item.Display == 1 ? "<font style='color:green'>是</font>" : "否") + "</td>";
            html += "<td>" + item.Remark + "</td>";
        });
        $("#DesignInfoList").html(html);
        layer.close(index);
    }, "json");

public JsonResult GetCameraDataList(int GroupId, string FileName)
    {
        CameraList bll = newCameraList();
        var list = bll.QueryList(CurrentUser.ProjectId, GroupId, FileName);
        return new JsonResult
        {
            Data = list.Select(n => new
            {
                n.id,
                newName=n.Name,
                n.Brand,
                n.Type,
                n.AddressIp,
                n.Port,
                n.LoginName,
                n.PassWord,
                n.PassageWay,
                n.Position,
                n.Status,
                n.Sequence,
                n.ModelId,
                n.ModelGuids,
                n.LableLocation,
                n.Remark,
                n.ProjectId,
                n.Display,
                n.CreateDate
    
            }),
            JsonRequestBehavior = JsonRequestBehavior.AllowGet
        };
    }

转载于:https://www.cnblogs.com/fengyeqingxiang/p/11169218.html