Senden von JSON-Daten an eine WebMethod

Question

Ich versuche, einige Daten an eine VB.NET WebMethod per AJAX POST.

JSON.stringify(myRows) enthält:

{ 
    "myRows":[ 
     { 
     "UniqueId":"188", 
     "Description":"hello", 
     "ClientId":"321", 
     "SecretKey":"dftete", 
     "Active":"checked", 
     "Delete":"delete icon" 
     }, 
     { 
     "UniqueId":"191", 
     "Description":"sfsss", 
     "ClientId":"fsdfs", 
     "SecretKey":"cvvcvb", 
     "Active":"unchecked", 
     "Delete":"delete icon" 
     }, 
     { 
     "UniqueId":"201", 
     "Description":"I am test singh", 
     "ClientId":"23424242", 
     "SecretKey":";kfddgdfl;ghf", 
     "Active":"unchecked", 
     "Delete":"delete icon" 
     }, 
     { 
     "UniqueId":"202", 
     "Description":"Yay mai ban ne wala hun", 
     "ClientId":"n.csdvnsssl", 
     "SecretKey":"nj.ssdnfvel,vgd", 
     "Active":"unchecked", 
     "Delete":"delete icon" 
     } 
    ] 
} 

Mein AJAX-Aufruf ist:

$.ajax({ 
     type: "POST", 
     url: "MyWebServiceUtilities.asmx/savesocialloginkeys", 
     data: JSON.stringify(myRows), 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (response) { 
      //some code here 
     }, 
     failure: function (response) { 
      //some code here  
     }, 
     error: function (response) { 
      //some code here 

     } 
    }); 

Server-Seite Web-Methode, ist dies:

<WebMethod()> _ 
Public Function savesocialloginkeys(ByVal myrows As String) As String 
    Dim response As String = "" 
    '------------Some code here------------------------------- 
    '------------Response will be based on results as per code------- 
    Return response 
End Function 

Wenn ich versuchte zu debuggen, zeigt der AJAX-Aufruf Fehler an!

Answer 1

Sie ein JSON-Objekt an den Server sendet nicht, so dass Sie ‚text/html‘ als content wie verwenden müssen:

   $.ajax({ 
        type: "POST", 
        url: "MyWebServiceUtilities.asmx/savesocialloginkeys", 
        data: JSON.stringify(myRows), 
        contentType: "text/html; charset=utf-8", 
        dataType: "json", 
        success: function (response) { 
         //some code here 
        }, 
        failure: function (response) { 
         //some code here  
        }, 
        error: function (response) { 
         //some code here 

        } 
       }); 

Answer 2

Der Ajax-Aufruf fehlschlägt, weil Sie senden ein JSON-Objekt an die WebMethod, aber der WebMethod akzeptiert einen String. ASP.NET versucht schlau zu sein und konvertiert das mit String versehene JSON-Objekt in ein reales Objekt. Wenn die Anforderung also an Ihre WebMethode gelangt, handelt es sich nicht mehr um eine Zeichenfolge.

Sie benötigen ein einfaches Objekt, das Ihre JSON Struktur repräsentiert:

Public Class SocialConnectionModel 
    Public Property UniqueId As String 

    Public Property Description As String 

    Public Property ClientId As String 

    Public Property SecretKey As String 

    Public Property Active As String 

    Public Property Delete As String 
End Class 

Da Ihr JSON-Objekt ein Array von Objekten unter dem myRows Schlüssel enthält, das ist, was die WebMethod Unterschrift akzeptieren muss:

Imports System.Web.Services 
Imports System.ComponentModel 

<System.Web.Script.Services.ScriptService()> 
<System.Web.Services.WebService(Namespace:="http://tempuri.org/")> _ 
<System.Web.Services.WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _ 
<ToolboxItem(False)> _ 
Public Class MyWebServiceUtilities 
    Inherits System.Web.Services.WebService 

    <WebMethod()> 
    Public Function savesocialloginkeys(myRows As SocialConnectionModel()) As Boolean 
     ' Do something with the data 

     ' Return true if succeeded 
     Return True 
    End Function 

End Class 

Wenn Sie dies noch nicht getan haben, ist die Zeile <ScriptService()> wichtig, da Sie diese WebMethode von AJAX aufrufen.

Jetzt sollte Ihre AJAX-Aufruf wie erwartet:

$.ajax({ 
    type: "POST", 
    url: "MyWebServiceUtilities.asmx/savesocialloginkeys", 
    data: JSON.stringify(myrows), 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (response) { 
     if (response && response.d) { 
      console.log("success"); 
     } 
    }, 
    failure: function (response) { 
     // some code here 
    }, 
    error: function (response) { 
     // some code here 
    } 
}); 

Ein Vorschlag: Versuchen Sie, Ihre JSON-Daten mit den entsprechenden Typen zu bauen, statt Strings für jede Eigenschaft. Zum Beispiel sollte die UniqueId-Eigenschaft eine ganze Zahl sein, und die Active-Eigenschaft könnte eine bool sein (ich vermute). Mach nicht alles stringly typed, es sei denn du musst. :)