JQuery ajax Aufruf httpget webmethod (c#) funktioniert nicht

Bevor alle könnte ich sagen, dass Sie nicht die einfachste Art und Weise. ScriptMethods ist einfach zu bedienen zusammen mit ASP.NET ScriptManager-Steuerelement und das nicht mit jQuery. Ich werde empfehlen, verwenden Sie besser JSON-fähigen WCF-HTTP-Diensten (besser als Erholsamen Dienst) anstelle von ASMX-Webservice, die Sie versuchen zu verwenden, jetzt.
Dennoch kann man Sie macht-code zu arbeiten, ohne Microsoft-Technologien auf der client-Seite.

Zunächst überprüfen Sie Server-Seite.

1. Umbenennen webmethods.aspx zu webmethods.asmx.

2. Stellen Sie sicher, dass Sie Innerhalb von \ und ein HttpHandler für asmx-Erweiterung (ScriptHandlerFactory) gibt es auch in der config:

   <configuration>
     <!-- ... -->
     <system.web>
       <webServices>
         <protocols>
           <add name="HttpGet"/>
         </protocols>
       </webServices>
       <httpHandlers>
         <!-- ... -->
         <add verb="*" path="*.asmx"
              type="System.Web.Script.Services.ScriptHandlerFactory"
              validate="false"/>
       </httpHandlers></system.web></configuration>

3. Stellen Sie sicher, dass [ScriptService] - Attribut ([System.Web.Script.Services.ScriptService] wenn Sie wie volle Namen) legen Sie für Ihre Klasse geerbt von System.Web.Services.WebService.

Nun konnte man den Dienst testen. Öffnen Sie in Ihrem Web-Browser die URL wie http://localhost/webmethods.asmx/AjaxGet?id=li1234
Wenn Sie zurück bekommt, so etwas wie

<?xml version="1.0" encoding="utf-8" ?>

<string xmlns="http://tempuri.org/">li1234</string>

Können Sie sicher sein, dass Sie service-Teil funktioniert gut.

Bemerkung: Independ auf “ResponseFormat = System.Web.Script.Services.ResponseFormat.Json" - Attribut der service-Antwort mit dem XML-Antworten, wenn "Content-Type:application/json;" nicht in die Anfrage.

Gehen wir jetzt mal fix den client-code. Ich hoffe, dass die Kommentare, die ich platziert den folgenden code erklären.

Noch eine kleine Bemerkung. Im letzten Teil wird der code rufe ich eine "komplexere" web-Methode:

[WebMethod]
[ScriptMethod (UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
public OutputData AjaxGetMore (InputData input) {
    return new OutputData () {
        id = input.id,
        message = "it's work!",
        myInt = input.myInt+1
    };
}

Wo

public class OutputData {
    public string id { get; set; }
    public string message { get; set; }
    public int myInt { get; set; }
}
public class InputData {
    public string id { get; set; }
    public int myInt { get; set; }
}

Nun nur JavaScript-code, die in einigen Orten JSON-plugin, welches ersetzt werden könnte, mit Crockford ' s json2.js wenn jemand es lieber.

var id = "li1234";
//version 1 - works
var idAsJson = '"' + id + '"';  //string serializes in JSON format
$.ajax({
    type: "GET",
    url: "/webmethods.asmx/AjaxGet?id=" + idAsJson,
    contentType: "application/json; charset=utf-8",
    success: function(msg) {
        alert(msg.d);   //var msg = {d: "li1234"} 
    },
    error: function(res, status) {
        if (status ==="error") {
            //errorMessage can be an object with 3 string properties: ExceptionType, Message and StackTrace
            var errorMessage = $.parseJSON(res.responseText);
            alert(errorMessage.Message);
        }
    }
});

//version 2 with respect of JSON plugin
$.ajax({
    type: "GET",
    url: "/webmethods.asmx/AjaxGet?id=" + $.toJSON(id),
    contentType: "application/json; charset=utf-8",
    success: function(msg) {
        alert(msg.d);   //var msg = {d: "li1234"} 
    },
    error: function(res, status) {
        if (status ==="error") {
            //errorMessage can be an object with 3 string properties: ExceptionType, Message and StackTrace
            var errorMessage = $.parseJSON(res.responseText);
            alert(errorMessage.Message);
        }
    }
});
//version 3 where jQuery will construct URL for us
$.ajax({
    type: "GET",
    url: "/webmethods.asmx/AjaxGet",
    data: {id: $.toJSON(id)},
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function(msg) {
        alert(msg.d);   //var msg = {d: "li1234"} 
    },
    error: function(res, status) {
        if (status ==="error") {
            //errorMessage can be an object with 3 string properties: ExceptionType, Message and StackTrace
            var errorMessage = $.parseJSON(res.responseText);
            alert(errorMessage.Message);
        }
    }
});
//version 4. We set "Content-Type: application/json" about our data, but we use no 
//           not 'dataType: "json"' parameter. Then we have "Accept: */*" in the request
//           instead of "Accept: application/json, text/javascript, */*" before.
//           Everithing work OK like before.
$.ajax({
    type: "GET",
    url: "/webmethods.asmx/AjaxGet",
    data: {id: $.toJSON(id)},
    contentType: "application/json; charset=utf-8",
    success: function(msg) {
        alert(msg.d);   //var msg = {d: "li1234"} 
    },
    error: function(res, status) {
        if (status ==="error") {
            //errorMessage can be an object with 3 string properties: ExceptionType, Message and StackTrace
            var errorMessage = $.parseJSON(res.responseText);
            alert(errorMessage.Message);
        }
    }
});
//version 5. If we don't place "Content-Type: application/json" in our reqest we
//           receive back XML (!!!) response with "HTTP/1.1 200 OK" header and 
//           "Content-Type: text/xml; charset=utf-8" which will be placed.
//           How one can read in
//http://weblogs.asp.net/scottgu/archive/2007/04/04/json-hijacking-and-how-asp-net-ajax-1-0-mitigates-these-attacks.aspx),
//            ASP.NET AJAX will not make JSON serialized of response data for
//            security reasons.
$.ajax({
    type: "GET",
    url: "/webmethods.asmx/AjaxGet",
    data: {id: $.toJSON(id)},
    dataType: "json",
    //contentType: "application/json; charset=utf-8",
    success: function(msg) {
        alert(msg.d);   //var msg = {d: "li1234"} 
    },
    error: function (res, status, ex) {
        //the code here will be works because of error in parsing server response
        if (res.status !== 200) {   //if not OK
            //we receive exception in the next line, be
            var errorMessage = $.parseJSON(res.responseText);
            alert(errorMessage.Message);
        } else {
            alert("status=" + status + "\nex=" + ex + "\nres.status=" + res.status + "\nres.statusText=" + res.statusText +
                    "\nres.responseText=" + res.responseText);
        }
    }
});
//version 6. Send more komplex data to/from the service
var myData = { id: "li1234", myInt: 100}
$.ajax({
    type: "GET",
    url: "/webmethods.asmx/AjaxGetMore",
    data: {input:$.toJSON(myData)},
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function(msg) {
        //var msg = {__type: "Testportal.OutputData", id: "li1234", message: "it's work!", myInt:101}
        alert("message=" + msg.d.message + ", id=" + msg.d.id + ", myInt=" + msg.d.myInt); 
    },
    error: function(res, status) {
        if (status ==="error") {
            //errorMessage can be an object with 3 string properties: ExceptionType, Message and StackTrace
            var errorMessage = $.parseJSON(res.responseText);
            alert(errorMessage.Message);
        }
    }
});

InformationsquelleAutor Oleg

//...
data: { "id" : id },
//...

Daten ist ein Objekt, kein string, das aussieht wie ein Objekt.

Wenn Sie eine Zeichenfolge verwenden, es muss eine ordnungsgemäß formatierte URL-query-string, etwa so:

//...
data: "id=" + encodeURIComponent(id) + "&otherstuff=" + encodeURIComponent(data),
//...

InformationsquelleAutor Tomalak

Für diejenigen, die mit VB, schmücken Sie Ihre Methode so:

<WebMethod()>
<ScriptMethod(UseHttpGet:= True, ResponseFormat:= ResponseFormat.Json)>

InformationsquelleAutor Chris Barr