ASP.NET利用JQuery实现AJAX(前台脚本代码)调用后台静态方法

左手的ㄟ右手 2023-02-13 05:44 4阅读 0赞

前台页面的script代码

PS：  
如果不需要参数的话，就把data那一行删除

$(function () { 
                //AJAX同步后台
                var orderid = parseInt($(this).parent().text())
                var check = $(this).children().eq(0).prop("checked");
                $.ajax({ 
                    type: "Post",
                    //哪个页面的 哪个方法
                    url: "WebForm1.aspx/Setcheck",
                    //！~~~~~~~注意
                    //方法传参的写法一定要对，str为形参的名字,str2为第二个形参的名字 
                    data: "{'orderid':'" + orderid + "','check':'" + check + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) { 
                        //返回的数据用data.d获取内容 
                        // alert(data.d);
                    },
                    error: function (err) { 
                        alert("发生错误请刷新页面");
                    }
                });

还有后台的代码

报错的话记得引用一下这个

using System.Web.Script.Services;
    using System.Web.Services;

//这里的前端是否选中
            [WebMethod] //这个标识很重要一定要写上
            public static  string Setcheck(string orderid,string check)
            {  
                using (当当网搜索Entities1 db = new 当当网搜索Entities1())
                { 
                    Orders TargetOrders = db.Orders.FirstOrDefault(o => o.OrderID == orderid);
    
                    TargetOrders.Ischeck = !TargetOrders.Ischeck;
    
                    if (db.SaveChanges() > 0)
                    { 
                        //string SuccessResult = "<script>alert('修改成功')</script>";
                        //Response.Write(SuccessResult);
                    }
    
    
                } 
                //点击完以后需不需要把页面禁用了
                return orderid;
            }