Metoda WWW nie jest wywoływana przez jquery z funkcji javascript

Question

Od dawna programista WinForm, ale nowy na scenie programowania WWW. Mam Visual Studio 2010 i stworzyłem nowy projekt WebSite. Nie mogę sprawić, by ajax wywoływał stworzony przeze mnie webmethod. Po kliknięciu przycisku na stronie nic się nie dzieje.

Wygląda na to, że jQuery 1.4.1 zostanie automatycznie dodany w folderze Skrypty podczas tworzenia projektu WebSite.

W Default.aspx dodaję 2 tagów skryptu:

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript" src="Scripts/Process.js"> 

umieścić przycisk na stronie, w którym funkcja jest zdefiniowana w onclick Process.js:

<input id="btnTest" type="button" value="Test" onclick="btnTest_onclick()" /> 

W procesie. js mam następujący kod:

function btnTest_onclick() { 

    var strData = JSON.stringify({ 
     userid: 5 
    }); 

    alert(strData); 

    $.ajax({ 
     url: 'Default.aspx/GetData', 
     type: "POST", 
     data: strData, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: Success, 
     failure: Failure, 
     async: true 
    }); 
} 

function Success(data) { 
    alert("success"); 
} 

function Failure(data) { 
    alert("failure"); 
} 

W Default.aspx.cs:

public partial class _Default : System.Web.UI.Page 
{ 
    protected void Page_Load(object sender, EventArgs e) 
    { 

    } 

    [WebMethod()] 
    public static string GetData(int id) 
    { 
     return "hello, my id is " + id; 
    } 
} 

Answer 1

ja nie wiem, czy dokonywania żądania Ajax jQuery jest wymogiem dla ciebie, ale można łatwiej zrobić ajax żądania do strony metody wykorzystujące możliwości programu ASP.NET ajax.

Przede wszystkim chcę zauważyć, że aby użyć metody PageMethods, należy dodać do niej kontrolkę menedżera skryptów i określić EnablePageMethods = "True".

Kiedy to zrobisz, ScriptManager wyświetli definicję strony PageMethods, która reprezentuje proxy zdefiniowanych metod stronicowania na stronie i możesz łatwo wywołać te metody za pomocą żądania Ajax.

Więc można spróbować następujący kod:

<asp:ScriptManager ID="ScriptManager" runat="server" EnablePartialRendering="true" EnablePageMethods="True" /> 
<input id="btnTest" type="button" value="Test" onclick="btnTest_onclick()" /> 
<script type="text/javascript"> 
    function btnTest_onclick() { 

     PageMethods.GetData(5, Success, Failure); 
    } 

    function Success(data) { 
     alert("success"); 
     alert(data); 
    } 

    function Failure(data) { 
     alert("failure"); 
    } 

</script> 

Jak widać kod ten ma mniej linii kodu i działa.

Answer 2

Nazwy pozycji danych muszą być zgodne z argumentów metody strony:

var strData = JSON.stringify({ 
       id_MATCH: 5 
      }); 

    [WebMethod()] 
    public static string GetData(int id_MATCH) 
    { 
     return "hello, my id is " + id_MATCH; 
    } 

Answer 3

Poniżej znajduje się po Ajax i metoda internetowej przetwarzać

<input id="btnTest" type="button" value="Test" onclick="btnTest_onclick()" /> 
<script type="text/javascript" > 
function btnTest_onclick() { 

var strData = JSON.stringify({ 
    userid: 5 
}); 

alert(strData); 

$.ajax({ 
    url: 'Default.aspx/GetData', 
    type: "POST", 
    data: strData, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: Success, 
    failure: Failure, 
    async: true 
}); 
} 

function Success(data) { 
alert("success"); 
} 

function Failure(data) { 
alert("failure"); 
}</script> 

[System.Web.Services.WebMethod()] 
    public static string GetData(int userid) 
    { 
     return "hello, my id is " + userid; 
    } 

mógłbyś sprawdzić powyższy kod, gdzie nazwa dane wysyłane z $ .ajax jest taka sama jak w WebMethod.

Dzięki