如何从vb.net中的aspx.vb页面调用webmethod

时间:2016-03-02 11:37:06

标签: javascript jquery asp.net vb.net

我要做的是,是从aspx.vb调用WebMethod,下面是我的WebMethod语法,它位于Default.aspx.vb

<System.Web.Services.WebMethod()> _
<ScriptMethod(UseHttpGet:=True, ResponseFormat:=ResponseFormat.Json)> _
Public Shared Function dat( _
ByVal Id As Integer) As List(Of items)
    Dim eve As New List(Of items)()
    eve = (From row In getItems(Id).Rows
           Select New items With {
                                .Name = row("Name").ToString(),
                                .Description = row("Description").ToString(),
                                .ItemPic_url = row("ItemPic_url").ToString()}).ToList()
    Return eve
End Function

下面是我的jquery函数,我从中调用web方法:

注意:我的Jquery功能放在我的母版页中,我从启动Default.aspx页面调用它。

function getItems() {
        $("#tbody").empty();
        var id = $("select")[0].value;
        $.ajax({
            url: "Default.aspx/dat",
            data: { Id: id },
            contentType: "Application/json; charset=utf-8",
            responseType: "json",
            method: "POST",
            success: function (response) {
                $("#tbody").empty();
                var rows = response.d;
                var count = response.d.length;
                var table = document.getElementById("tbody");
                var row;
                var cell;
                for (var i = 0; i < rows.length; i++) {
                    if (i % 4 == 0) {
                        row = table.insertRow();
                    }
                    cell = row.insertCell();  //simply insert the row
                    cell.innerHTML = "<td><ul><li style='text-align:center;'><img id='imgload' width='190px'; height='166px' src='../Images/CatalogImgs/" + rows[i].ItemPic_url + "' alt='No Image Found' /></li><li style='margin:4px 6px;font-weight: 600;font-family: Calibri;font-size: 16px;'>" + rows[i].Name + "</li><li style='margin:4px 6px;color: #808080;font-weight: 600;'><p>" + rows[i].Description + "</p></li></ul></td>";
                    if (document.getElementById("tbody").rows[0].cells.length > 0)
                    {
                        //alert(document.getElementById("tbody").rows[0].cells.length);
                        switch (rows.length) {
                            case 1:
                                $("#tbody > tr > td").css('padding-left', '18%');
                                break;
                            case 2:
                                $("#tbody > tr > td").css('padding-left', '12%');
                                break;
                            case 3:
                                $("#tbody > tr > td").css('padding-left', '6%');
                                break;
                            default:
                                $("#tbody > tr > td").css('padding-left', '1%');
                        }
                    }
                }
            },
            error: function (xhr) {
                alert(xhr.status);
            },
            Failure: function (response) {
                alert(response);
            }
        });
    }

问题:我没有输入我的网络方法。通过尝试从浏览器调试。我收到的错误如下:

Unknown web method dat.
 Parameter name: methodName
 at System.Web.Script.Services.WebServiceData.GetMethodData(String methodName)
 at System.Web.Handlers.ScriptModule.OnPostAcquireRequestState(Object sender, EventArgs eventArgs)
 at System.Web.HttpApplication.SyncEventExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
 at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)

2 个答案:

答案 0 :(得分:2)

我正在做的是从aspx.vb调用WebMethod

下面是我的WebMethod语法,它位于Default.aspx.vb中:

<System.Web.Services.WebMethod()> _
<ScriptMethod(UseHttpGet:=True, ResponseFormat:=ResponseFormat.Json)> _

您还需要添加以下导入:

Imports System.Web.Services  
Imports System.Web.Script.Services

答案 1 :(得分:-1)

这是一个可以调用Web方法的C#代码。请注意,转换为VB.NET应该很简单。

WEB METHOD

 [WebMethod]
    public static string GetOnlineUserStatus()
    {
        JavaScriptSerializer jss = new JavaScriptSerializer();
        jss.MaxJsonLength = 100000000;
        string json;

        using (var rep = new RBZPOS_CSHARPEntities())
        {
            var result = rep.Users.Select(x => new
            {
                x.FULLNAME,
                ISONLINE = (x.ISONLINE == 1) ? "Online" : "Offline"
            }).OrderBy(x=>x.ISONLINE).ToList();
            json = jss.Serialize(result);
        }

        return json;
    }

客户端

  <script>
        $(function () {

            $.ajax({
                type: "POST",
                url: "/WebMethods/Test.aspx/GetOnlineUserStatus",
                data: "{}",
                contentType: "application/json",
                dataType: "json",
                success: function (msg) {
                    items = $.parseJSON(msg.d);                  //otherwise does not work
                    var line;
                    var cssColor;
                    $('#sideBar').empty();                             //Remove all child Elements
                    $.each(items, function (k, v) {
                        if (v.ISONLINE == 'Online') {
                            cssColor = 'style="color:green"';
                        }
                        else {
                            cssColor = '';
                        }

                        line = "<li>" +
                        "<a href='#'>" +
                            "<div>" +
                                "<i class='fa fa-user fa-fw' " + cssColor + "></i> " + v.FULLNAME +
                                "<span class='pull-right text-muted small' " + cssColor + ">" + v.ISONLINE + "</span>" +
                            "</div>" +
                        "</a>" +
                    "</li>"
                        $("#sideBar").append(line);
                    });
                },
                error: function (msg) {
                    alert("error:" + JSON.stringify(msg));
                }
            });


        });
    </script>

我猜你的Web方法永远不会被执行的原因是因为ajax url不正确。所以例如在我的例子中,我在根目录中有一个名为WebMethods的文件夹,它有一个名为Test.aspx和web方法的网页....