C# 使用jQuery调用WebMethod

您好，我想从jQuery传递值，并将这些值分配给方法中使用的类模型

以下是我的脚本：

$(document).ready(function(){
        $('#BtnSubmit').click(function () {
            var CollegeName = $('#TxtCollegeName').val();
            var CollegeAddress = $('#TxtCollegeAddress').val();
            var pageUrl = '<%=ResolveUrl("~/AddNewCollege.aspx/CreateCollegeData")%>';
            $.ajax({
                type: 'Post',
                url: pageUrl,
                data: JSON.stringify({ "CollegeName": CollegeName, "CollegeAddress": CollegeAddress}),
                dataType: 'text',
                contentType: 'application/json; charset=utf-8',
                success: function (response) {
                    $('#lblResult').html('Inserted Successfully');                        
                },
                error: function () {
                    alert("An error occurred.");
                }
            });
        });
    });

但调试器无法调用web方法。每次出现以下消息时：

---

尝试提前声明您的对象：

我有另一个解决方案

 $('#BtnSubmit').click(function () {
            var collegeDetails = {};
            collegeDetails.CollegeName = $('#TxtCollegeName').val();
            collegeDetails.CollegeAddress = $('#TxtCollegeAddress').val();               
            $.ajax({
                type: 'POST',
                url: 'AddNewCollege.aspx/CreateCollegeData',
                data: "{collegeDetails:" + JSON.stringify(collegeDetails) + "}",
                dataType: 'json',
                contentType: 'application/json; charset=utf-8',
                success: function (response) {
                    $('#lblResult').html('Inserted Successfully');
                    $('#TxtCollegeName').val('');
                    $('#TxtCollegeAddress').val('');
                },
                error: function () {
                    alert("An error occurred.");
                }
            });
        });

---

在页面中间的“清理客户端”下是一个很好的方法。谢谢。你救了我的命。很高兴我能帮忙！快乐编码！

 $('#BtnSubmit').click(function () {
            var collegeDetails = {};
            collegeDetails.CollegeName = $('#TxtCollegeName').val();
            collegeDetails.CollegeAddress = $('#TxtCollegeAddress').val();               
            $.ajax({
                type: 'POST',
                url: 'AddNewCollege.aspx/CreateCollegeData',
                data: "{collegeDetails:" + JSON.stringify(collegeDetails) + "}",
                dataType: 'json',
                contentType: 'application/json; charset=utf-8',
                success: function (response) {
                    $('#lblResult').html('Inserted Successfully');
                    $('#TxtCollegeName').val('');
                    $('#TxtCollegeAddress').val('');
                },
                error: function () {
                    alert("An error occurred.");
                }
            });
        });