{"Nachricht": "Ungültiger Web-Service-Aufruf, fehlender Wert für Parameter: \ u0027PersonID \ u0027."

Question

Ich versuche, Ajax-Aufruf zu machen, um Daten in jqgrid über asmx Webservice hochzuziehen, aber ich bekomme diesen ungültigen Web-Service-Aufruf, fehlender Wert für Parameterfehler.

Die Funktion funktioniert gut, wenn ich den Eingabeparameter in der Web-Service-Aufruf und Ajax-Anfrage entfernen, aber das Problem besteht, sobald ich den Eingangsparameter habe.

Folgenden sehen Sie die Web-Service-Methode

[WebMethod] 
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)] 
    public PersonsGrid Per(string PersonID) 
    { 
     .... 
     return personsGrid; 
    } 

Nach dem Ajax-Aufruf ist:

function getGridInfo() { 

    var personId = document.getElementById('txtPersonID').value;   

    $("#PersonsInfo").jqGrid({ 

     url: '/Service/PersonsService.asmx/GetPersonsInfo', 
     data: "{'PersonID': '" + personId + "'}", 

     datatype: 'json', 
     mtype: 'POST', 
     async: false, 
     ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }, 
     serializeGridData: function (postData) { 
      return JSON.stringify(postData); 
     }, 
     jsonReader: { repeatitems: false, root: "d.rows", page: "d.page", total: "d.total", records: "d.records" }, 
     loadonce: false, 
     colNames: ['ID', 'FirstName', 'LastName', 'Email', 'Phone'], 
     colModel: [ 
         { name: 'FirstName', index: 'FirstName', width: 100 }, 
         { name: 'LastName', index: 'LastName', width: 100 }, 
         { name: 'Email', index: 'Email', width: 100 }, 
         { name: 'Phone', index: 'Phone', width: 100 } 
     ], 
     rowNum: 10, 
     rowList: [10, 20, 30], 
     viewrecords: true, 
     gridview: true, 
     rownumbers: true, 
     caption: 'Persons info', 
     loadError: function (xhr, textStatus, errorThrown) { 
      var error_msg = xhr.responseText; 
      var msg = "Some error occured during processing:"; 
      msg += '\n\n' + error_msg; 
      alert(msg); 
     } 
    }); 

Jede Idee, wie dieses Problem zu überwinden. Ich folgte mehreren anderen Posts, aber das funktionierte immer noch nicht. Es hat etwas mit dem Datenparameter in der Ajax-Anfrage zu tun.

Answer 1

Die Option

data: "{'PersonID': '" + personId + "'}" 

enthält zwei Fehler:

1. jqGrid nicht "wissen" data Parameter, der in jQuery.ajax existieren. Stattdessen kann man postData Parameter verwenden.
2. Die Zeichenfolge wie {'PersonID': 'same_value'} ist falsche JSON-Zeichenfolge, da JSON " anstelle von ' verwenden muss. Sie können den Code durch Verwendung
3. beheben Wenn Sie data oder postData als JSON-Zeichenfolge verwenden, sollten Sie serializeGridData entfernen.

postData: '{"PersonID": "' + personId + '"}' 

aber ein solcher Code wird enthält noch schlechter Code. Ich würde empfehlen, Sie JSON.stringify stattdessen zu verwenden, die ein Objekt in JSON-String zu konvertieren:

serializeGridData: function() { 
    return JSON.stringify({PersonID: personId}); 
} 

Solche Callback-Funktion ignoriert das:

postData: JSON.stringify({PersonID: personId}) 

Alternativ Sie data und postData und verwenden Sie die folgende serializeGridData entfernen Standardparameter, der jqGrid sendet und stattdessen PersonID Parameter im JSON-Format sendet.

Answer 2

Haben Sie versucht,

Ändern

data: "{'PersonID': '" + personId + "'}", 

zu

postData: "{'PersonID': '" + personId + "'}", 

, wie Sie in der postdata serializeGridData Funktion angezeigt werden referenzieren.

Answer 3

Per Definition ist der Parameter postData ein Objekt und kann keine Zeichenfolge sein.Mehr von der Art der Parameter can be read here

So IMHO die klare Lösung mit einem postdata als Objekt gesetzt ist und verwenden serializeGridData wie folgt aus:

...jqGrid({ 
    ... 
    postData : { "PersonID" : personId }, 
    serializeGridData : function(postData) { 
     return JSON.stringify(postData); 
    }, 
    ... 
}); 

Mit freundlichen Grüßen