जावा विधि को जावास्क्रिप्ट फ़ंक्शन

Question

से लंबे समय तक WinForm प्रोग्रामर से वेब प्रोग्रामिंग दृश्य पर नया नहीं कहा जाता है। मेरे पास विजुअल स्टूडियो 2010 है और मैंने एक नई वेबसाइट बनाई है। मुझे लगता है कि मैंने बनाया एक वेबमाइंड कॉल करने के लिए AJAX प्राप्त नहीं कर सकता। जब मैं पृष्ठ पर अपने बटन पर क्लिक करता हूं तो कुछ भी नहीं होता है।

ऐसा लगता है कि जब मैं वेबसाइट प्रोजेक्ट बनाता हूं तो jquery 1.4.1 स्वचालित रूप से स्क्रिप्ट फ़ोल्डर में जोड़ा जाता है।

Default.aspx में मैं 2 स्क्रिप्ट टैग को जोड़ने: प्रक्रिया में

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

:

<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 में परिभाषित किया गया है में डाल दिया।

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

Default.aspx.cs में: 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

मैं अगर का उपयोग कर JQuery आप के लिए आवश्यकता है अजाक्स अनुरोध करने वाले को पता नहीं है, लेकिन आप और अधिक आसानी से पृष्ठ के लिए ajax अनुरोध कर सकते हैं ASP.NET AJAX की क्षमताओं का उपयोग कर विधियां।

सबसे पहले मैं यह देखना चाहता हूं कि पेजमैड्स का उपयोग करने के लिए आपको पृष्ठ पर स्क्रिप्ट प्रबंधक नियंत्रण जोड़ने की आवश्यकता है और EnablePageMethods = "True" निर्दिष्ट करें।

जब आप ऐसा करेंगे, तो ScriptManager पेजमाइड्स क्लाइंट साइड परिभाषा प्रस्तुत करेगा जो पृष्ठ पर परिभाषित पृष्ठ विधियों की प्रॉक्सी का प्रतिनिधित्व करता है और आप अजाक्स अनुरोध का उपयोग करके आसानी से इन विधियों का आह्वान कर सकते हैं। आप इस कोड को कोड के कम लाइनों है और यह काम करता है देख सकते हैं

<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

डेटा आइटम नाम पृष्ठ विधि तर्क से मेल खाना चाहिए:

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

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

Answer 3

नीचे अजाक्स पोस्ट और वेब विधि

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

कार्रवाई करने के लिए आप कृपया ऊपर दिए गए कोड जहां $ .ajax से भेजे गए डेटा नाम webmethod में रूप में ही है की जाँच कर सके है।

धन्यवाद