Ajax in jQuery mit ASP.NET zurückkehren ganze html

Question

das ist mein jquery ...

$("#testAjax").on("click", function() {  
    //alert('asd'); 
    $.ajax({ 
     type: 'POST', 
     url: 'Index.aspx/ajaxTest', 
     success: function (data) { 
      alert(data); 
     } 
    }); 
}); 

und das ist mein hinter dem Code

[WebMethod] 
public string ajaxTest() 
{ 
    var test = "hello"; 

    return test; 
} 

ich weiß nicht, warum es ganz html zurück. .. lass es mich wissen, wenn im etwas fehlt ...

Answer 1

wenn Sie zugreifen Code-hinter der Methode sollte statisch sein und muss als [System.Web.Services.WebMethod] zu kennzeichnen:

[System.Web.Services.WebMethod] 
public static string ajaxTest() 
{ 
    var test = "hello"; 

    return test; 
} 

Answer 2

Versuchen Sie den folgenden Code für Ihre Ajax, ich denke, Sie den Datentyp in Ajax vergessen zu erwähnen:

$("#testAjax").on("click", function() { 


var request = $.ajax({ 
     url: "Index.aspx/ajaxTest", 
     method: "POST", 
     type: "POST", 
     data: { type_id : "Some dummy data" }, 
     dataType: "html", 
     beforeSend: function (xhr) { 
      $('#loading').show();//show a loading image 
     } 
    }); 

     request.done(function(response) { 
      console.log(response);// you can view the object/html response in firefox firebug console 
     }); 

     request.fail(function(jqXHR, textStatus) { 
      alert("Request failed: " + textStatus); 
     }); 
    } 
}); 

Ihre asp-Funktion sollte nicht auf Daten zurück, sondern sollte es wie unten drucken:

[WebMethod] 
public string ajaxTest() 
{ 
    var test = "hello"; 

    print(test);//this is what I do to print in PHP, you should use ASP equivalent. 
}