javascript関数からjqueryによってWebメソッドが呼び出されない

Question

ここでは長時間のWinFormプログラマーが、Webプログラミングシーンでは初めてです。私はVisual Studio 2010を持っており、新しいWebSiteプロジェクトを作成しました。 私は作成したWebメソッドを呼び出すためにajaxを取得することはできません。ページ上の自分のボタンをクリックすると何も起こりません。

WebSiteプロジェクトを作成すると、jquery 1.4.1がScriptsフォルダに自動的に追加されるようです。私は2個のスクリプトタグを追加Default.aspxので

：

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

を私はonclickの機能がProcess.jsに定義されている場所にページ上のボタンを配置：プロセスで

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

を。 Default.aspx.csで

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"); 
} 

：JS私は、次のコードを持っている

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

私は知りませんASP.NET ajaxの能力を使用するメソッド。

まず、PageMethodsを使用するには、スクリプトマネージャコントロールをページに追加し、EnablePageMethods = "True"を指定する必要があることに気づきたいと思います。

これを行うと、ScriptManagerは、ページ上に定義されたページメソッドのプロキシを表すPageMethodsクライアント側定義をレンダリングし、Ajaxリクエストを使用してこのメ​​ソッドを簡単に呼び出すことができます。あなたは、このコードは、コードの以下の行を持っており、それが動作見ることができるように

<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> 

：

だから、あなたは以下のコードを試すことができます。

Answer 2

データ項目名は、ページメソッドの引数と一致する必要があります：jQueryのを使用してAjaxリクエストを作成することはあなたのための要件ですが、あなたは、より簡単にページにAJAX要求を行うことができれば

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

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

Answer 3

以下はAjaxのポストとウェブメソッドは、$アヤックスから送信されたデータ名は、WebMethod属性の場合と同じである上記のコードをチェックしてもらえ

<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; 
    } 

を処理することです。

おかげ