WebMethod 访问页面控制和设置值

Question

我的页面名称

public partial class AtamaGorevDegistir : System.Web.UI.Page
{}

我的 webmethod ajax 端

var path = getLocation(location.href);
$.ajax({
    type: "POST",
    url: path.pathname + "/KisiBilgiDoldur",
    //  data: "{" + str + "}",
    contentType: "application/json; charset=utf-8",
    //  dataType: "json",
    success: function (data) {
        var dd = data.d;
        $('.modal-dialog').css({ width: '85%' });
        $('#AtamaModal').modal({ show: true });
    }
});

我的网络方法

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string KisiBilgiDoldur(string KayitID, string TeklifID)
{
   AtamaGorevDegistir atama = new AtamaGorevDegistir();
   atama.AtananSuren.Value = "123";
   return null;
}

但我的问题是我的 Control 是 null 。但我可以访问此方法但没有设置值并给出错误消息。为什么会这样？

Answer 1

WebMethod 和 ScriptMethod 无法访问调用页面的控件集合。将其视为正常的 Web 表单生命周期之外。当你使用 AJAX 时，你需要将所有数据传递给它需要的服务器端方法，而你的服务器端应该返回客户端需要的所有数据。然后客户端应该获取返回的数据并根据需要操作 DOM 以显示结果。

在您的 WebMethod 中，返回数据而不是尝试将其分配给控件，删除 return null;。

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string KisiBilgiDoldur(string KayitID, string TeklifID)
{
   return "123";
}

在您的客户端成功处理程序中，获取返回的数据并使用 JavaScript 设置控件的值。

var path = getLocation(location.href);
$.ajax({
    type: "POST",
    url: path.pathname + "/KisiBilgiDoldur",
    //  data: "{" + str + "}",
    contentType: "application/json; charset=utf-8",
    //  dataType: "json",
    success: function (data) {
        var dd = data.d;
        $('.modal-dialog').css({ width: '85%' });
        $('#AtamaModal').modal({ show: true });
        //set control value to data.d here
    }
});

Answer 2

您不使用 web 方法设置控件值。您从 api 返回一个值并在浏览器中对其进行处理。使用 webmethods 不像 webforms。您在 webmethod 中返回的值是 null ......您在 js 中将该 null 值设置为“dd”，但您不使用它做任何事情。当您从 webmethod 中获取您的价值时，您需要对它做一些事情。在您的成功回调中尝试“alert(data.d)”以了解我的意思。然后 $('#elm').text(data.d) 如果你想要它在页面上。

Answer 3

你应该给数据添加参数。

$.ajax({
        type: "POST",
        url: path.pathname + "/KisiBilgiDoldur",
        data:JSON.stringify({ KayitID: '1', TeklifID:'2' }), 
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            var dd = data.d;

            $('.modal-dialog').css({ width: '85%' });
            $('#AtamaModal').modal({ show: true });
        }
    });