it-swarm.com.de

wie werden JSON-Daten über Ajax an erholsame Webdienste übergeben und wie werden JSON-Daten abgerufen?

Hallo, ich bin neu in JSON. Meine Frage ist, wie man JSON-Daten über Ajax an erholsame Webdienste weitergibt.

Bitte hilf mir.

Ich habe versucht, Code zu folgen, bin mir aber nicht sicher

MEINE INDEX SEITE

<script type="text/javascript">

 $(document).ready(function(){  

     var uname = document.getElementById("uname").value();
     var password = document.getElementById("pwd").value();


     $('#ok').click(function(){  
         $.ajax({  
             url:'http://localhost:8090/LoginAuthRWS/rest/orders',  
             type:'post',  
             dataType: 'Jsondemo',


             success: function(data) {  
                 $('#name').val(data.name);  
                 $('#email').val(data.email);  

                 var JSONObject= {
                         "uname":uname,
                         "password":password
                         };
             }  
         });  
     });  
}); 

</script>  
var JSONObject= {"uname":uname, "password":password };
var jsonData = JSON.parse( JSONObject );    

var request = $.ajax({
  url: "rest/orders",
  type: "POST",
  data: jsonData,
  dataType: "json"
});        
9
Arvind

Probleme mit Ihrem Code:

  • .value ist eine Eigenschaft und keine Funktion
  • Sie möchten json verwenden, data von $.ajax.
  • Es gibt keinen Datentyp als Jsondemo, den Sie JSON verwenden müssen.
  • wenn Antwort data nicht JSON ist, können Sie $.parseJSON zum Konvertieren in JSON verwenden

Code vervollständigen

$(document).ready(function(){  
    $('#ok').click(function(){  
        var uname = document.getElementById("uname").value;
        var password = document.getElementById("pwd").value;
        var JSONObject= {
             "uname":uname,
             "password":password
             };

        $.ajax({  
            url:'http://localhost:8090/LoginAuthRWS/rest/orders',  
            type:'post',
            data :  JSONObject,      
            dataType: 'JSON',
            success: function(data) { 
                     var jsonData = $.parseJSON(data); //if data is not json
                     $('#name').val(jsonData.name);  
                     $('#email').val(jsonData.email);  
                }  
        });  
    });  
});      
4
Satpal

Sie möchten so etwas machen:

$('#ok').click(function(){  
         $.ajax({  
             url:'http://localhost:8090/LoginAuthRWS/rest/orders',  
             type:'post',  
             dataType: 'json',
             data: { name: "John", location: "Boston" }

             success: function(data) {  
                 response = $.parseJSON(data);
                 $('#name').val(response.name);  
                 $('#email').val(response.email);      
             }  
         });  
});  

Ein paar Dinge zu beachten:

  • dataType sollte fast immer xml oder json sein. Manchmal kann JQuery richtig raten, wenn Sie nichts angeben. Aber es muss eine echte Sache sein.
  • Da Sie einen Posting durchführen, müssen Sie Daten an den Endpunkt REST senden. Das ist was ich in data habe. Beachten Sie, dass die Art der Daten mit dem Wert in dataType übereinstimmt. Beachten Sie auch, dass Sie die $.post-Methode verwenden können, um einen wesentlich einfacheren Beitrag mit JQuery zu erstellen.
  • Der data-Parameter des Erfolgs-Callbacks muss zuerst als JSON analysiert werden (vorausgesetzt, das kommt zurück), da er vom Typ PlainObject ist, wie beschrieben hier . Das ist was $.parseJSON tut. Anschließend können Sie im JSON-Baum nach Bedarf navigieren, um das zu tun, was Sie tun müssen. Möglicherweise können Sie davonkommen, ohne dies zu tun.

Hoffentlich hilft das.

1
Vidya

jQuery dataType Referenz

Mögliche dataType-Werte: xml, json, script oder html

Probiere das aus:

var dataToServer = { 
  uname : document.getElementById("uname").value,
  document.getElementById("pwd").value
};

$.ajax({  
  url:'http://localhost:8090/LoginAuthRWS/rest/orders',  
  type:'post',  // or put
  contentType: 'application/json', // type of data
  data: JSON.stringify(dataToServer) // make JSON string
  dataType: 'json', // type of return result
  success: function(data) {  
    $('#name').val(data.name);  
    $('#email').val(data.email);  
  }  
});  
1
Sergey

Um die Werte an Web-Services zu übergeben, verfügt Ajax über das Attribut data .

<script type="text/javascript">

$(document).ready(function(){  

 var uname = document.getElementById("uname").value;
 var password = document.getElementById("pwd").value;


 $('#ok').click(function(){  
     $.ajax({  
         url:'http://localhost:8090/LoginAuthRWS/rest/orders',  
         type:'post',  
         dataType: 'Json',

         data:{
           uname:uname,
           password:password
         },

         success: function(data) {  
             $('#name').val(data.name);  
             $('#email').val(data.email);
         }  
     });  
  });  
}); 

</script>  
1
Anto Robinson

Sie können Json-Daten wie folgt als Anforderungstext übergeben:

    var JSONObject= {"uname":uname, "password":password };
    $.ajax({
        url : env + 'rest/orders',
        type : 'POST',
        headers: {
            'Content-Type':'application/json'
        },
        data : JSON.stringify(JSONObject),
        dataType   : "json",
    });
0
Devram Kandhare