Как вызвать ASP.NET WebMethod в UserControl (.ascx) - PullRequest
Новая
       14

Как вызвать ASP.NET WebMethod в UserControl (.ascx)

39 голосов
/ 12 апреля 2011

Можно ли поместить WebMethod в файл ascx.cs (для UserControl), а затем вызвать его из клиентского кода jQuery?

По некоторым причинам я не могу поместить код WebMethod вфайл .asmx или .aspx.

Пример: в ArticleList.ascx.cs у меня есть следующий код: 

[WebMethod]
public static string HelloWorld()
{
    return "helloWorld";
}

В файле ArticleList.ascx у меня есть вызов к WebMethodследующим образом: 

$.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: "{}",
            dataFilter: function(data)//makes it work with 2.0 or 3.5 .net
            {
                var msg;
                if (typeof (JSON) !== 'undefined' &&
                typeof (JSON.parse) === 'function')
                    msg = JSON.parse(data);
                else
                    msg = eval('(' + data + ')');
                if (msg.hasOwnProperty('d'))
                    return msg.d;
                else
                    return msg;
            },
            url: "ArticleList.ascx/HelloWorld",
            success: function(msg) {
                alert(msg);
            }
        });

и ошибка от firebug: 

<html>
<head>
    <title>This type of page is not served.</title>

Как я могу успешно вызвать WebMethod на стороне сервера из моего кода jQuery на стороне клиента?

Ответы [ 8 ]

31 голосов
/ 12 апреля 2011

WebMethod должен быть статическим. Таким образом, вы можете поместить его в пользовательский элемент управления и добавить метод на странице для его вызова.

Edit:

Нельзя вызывать веб-метод через пользовательский элемент управления, поскольку он будет автоматически отображаться на странице.

Веб-метод, который вы используете в пользовательском элементе управления: 

public static string HelloWorld()
{
    return "helloWOrld";
}

В классе Page добавьте веб-метод: 

[WebMethod]
public static string HelloWorld()
{
    return ArticleList.HelloWorld(); // call the method which 
                                     // exists in the user control
}
11 голосов
/ 12 апреля 2011

Ваш метод должен быть в формате .aspx (или я думаю, что .ashx или .asmx также будут работать). Поскольку на самом деле выполняется новый вызов веб-сервера, IIS должен обработать запрос, и IIS не будет отвечать на вызовы файлов .ascx.

8 голосов
/ 10 января 2012

Вы не можете вызывать метод непосредственно в пользовательском элементе управления, используя Jquery Ajax.

Вы можете попробовать один из следующих подходов:

  • Установите URL-адрес на PageName.aspx?Method=YourMethod или, возможно, добавьте несколько другие ограничения, чтобы вы знали, какой пользовательский элемент управления должен выполнять метод. Затем в вашем пользовательском контроле вы можете проверить наличие ваши ограничения в строке запроса и выполнить данный метод.

  • Вы можете просто использовать обратный вызов клиента для выполнения какого-либо метода, если вы нужно сделать что-то асинхронное. в GetCallbackResult на странице, вы может найти элемент управления, вызвавший обратный вызов, и передать запрос с его аргументами в элемент управления.

2 голосов
/ 05 февраля 2013

Я сталкивался с этой проблемой и использовал комбинацию решений Dekker, Homan и Gruber. Весь кредит идет им.

Мне нужно было иметь возможность изменить сеанс, когда пользователь установил флажок. Поскольку метод страницы должен быть статическим, он ограничен в том, что вы можете делать внутри него, и я не смог изменить сессию. Поэтому я использовал jQuery для вызова статического метода на родительской странице пользовательского элемента управления, который вызывал метод веб-службы, выполняющий нужную мне работу.

Файл Javascript пользовательского элемента управления .ascx 

function chkSelectedChanged(pVal) {
    //called when user clicks a check box
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        data: '{ "p1":' + pVal+' }',
        url: "ParentPage.aspx/StaticPageMethod",
        success: function (msg) {
            //alert('it worked');
        },
        error: function (msg) {
            alert('boom' + msg);
        }
    });
}

Код родительской страницы за файлом .aspx.cs 

[WebMethod]
    public static void StaticPageMethod(string pVal)
    {
        var webService = new GridViewService();
        webService.GridCheckChanged(pVal);
    }

Веб-сервис .asmx 

[WebService(Namespace = "")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[System.Web.Script.Services.ScriptService]
public class GridViewService : System.Web.Services.WebService
{
    [WebMethod]
    public void GridCheckChanged(string pVal)
    {
       //Do Work
    }
}
1 голос
/ 13 сентября 2013

Вы можете сделать это так в вашем Webmethod 

Dim uc As UserControl = New UserControl()
Dim objSummarycontrol As SummaryControl = uc.LoadControl("~/Controls/Property/SummaryControl.ascx")
Dim propertyId As String = SessionManager.getPropertyId()
objSummarycontrol.populateTenancyHistory(propertyId)
0 голосов
/ 18 июля 2017

Это работает для меня, просто поместите кнопку asp: и напишите событие OnClick; если вам нужно вернуть результат, вы должны сделать это событие, чтобы установить свой результат в asp: Label или HiddenField, например:

Код позади 

protected void btnSave_OnClick(object sender, EventArgs e) {
    lblresult.Text = "Hello world!";
}

UserControl 

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
    <asp:Button ID="btnSave" OnClick="btnSave_Click" runat="server" />
    <asp:Label ID="lblresult" runat="server"/> 
</ContentTemplate>
</asp:UpdatePanel>

Javascript: вызов из кода jQuery на стороне клиента 

function call_virtual_webmethod()
{
    var id= '<%= btnSave.ClientID %>;
    $('#'+id).click();
}
0 голосов
/ 16 июня 2017

Вы не можете получить доступ к WebMethod из пользовательского элемента управления, но вы можете выполнять свои функции.

  1. Создайте одну простую веб-страницу (aspx).
  2. Написать веб-метод на веб-странице (aspx.cs).
  3. Способ доступа с веб-страницы.
0 голосов
/ 08 октября 2015

Контроль регистрации в aspx: 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomerRequirements.aspx.cs" EnableViewState="true" Inherits="Bosch.RBNA.CustomerRequirementsServerWeb.Pages.CustomerRequirements" %>

<%@ Register TagPrefix="pp" Src="~/Pages/PeoplePicker.ascx" TagName="PeoplePicker"%>

Контроль использования в aspx: 

<div class="form-group">
    <label for="exampleInputPassword1">Contact to get permisson</label>
    <pp:PeoplePicker runat="server" ID="peoplePicker" ClientIDMode="Static"></pp:PeoplePicker>
</div>

jQuery AJAX Call: 

$.ajax({
    type: "POST",
    url: CustomerRequirements.aspx/GetPeoplePickerData + "?SearchString=" + searchText + "&SPHostUrl=" + parent.GetSpHostUrl() + "&PrincipalType=" + parent.GetPrincipalType() + (spGroupName? "&SPGroupName=" + spGroupName: ""),
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        parent.QuerySuccess(queryIDToPass, msg.d);
    },
    error: function (response) {
        var r = jQuery.parseJSON(response.responseText);
        alert("Message: " + r.Message);
        alert("StackTrace: " + r.StackTrace);
        alert("ExceptionType: " + r.ExceptionType);
        parent.QueryFailure(queryIDToPass);
    }

});

Код метода: 

[System.Web.Services.WebMethod]
public static string GetPeoplePickerData()
{
    try
    {
        return PeoplePicker.GetPeoplePickerData();
    }
    catch (Exception ex)
    {
        throw ex;
    }
}

Код контроля: 

[WebMethod]
public static string GetPeoplePickerData()
{
    try
    {
        //peoplepickerhelper will get the needed values from the querystring, get data from sharepoint, and return a result in Json format
        Uri hostWeb = new Uri("http://ramsqlbi:9999/sites/app");
        var clientContext = TokenHelper.GetS2SClientContextWithWindowsIdentity(hostWeb, HttpContext.Current.Request.LogonUserIdentity);
        return GetPeoplePickerSearchData(clientContext);
    }
    catch (Exception ex)
    {

        throw ex;
    }
}
...