Java, JS (jQuery) et Ajax. Obtenez une valeur spécifique de JSON.

Obtenez une valeur spécifique des données renvoyées par Java en type JSON avec jQuery (côté client).

Un mémorandum de traitement qui gère JSON Utilise Struts 1.3.10.

Ajax avec JS. Appelez Java.

main.js

$.ajax({
    url     : "./SearchBook.do",
    type    : "POST",
    async   : true,
    data    : "Données à envoyer à Java ici",
    dataType: "json",
    success : function(result) {
        //Traitement en cas de succès
    }
});

Le résultat de divers traitements avec les données reçues de JS est placé dans le type JSON du côté Java. Le type de chaîne et le type int sont préparés en tant que données.

main.java

String title = "étincelle"
int totalPage = 152;

JSONObject result = new JSONObject();
result.put("Titre", title);
result.put("nombre de pages", totalPage);

Le type JSON suivant est renvoyé. {" Titre ":" Sparks "," Nombre de pages ":" 152 "}

$.ajax({
    --réduction--
    success	: function(result) {
        //Traitement en cas de succès
    }
});

Tout ce que vous avez à faire est de récupérer la valeur cible avec la clé.

main.js

success	: function(result) {
    //Traitement en cas de succès
    $("#foo").text(result["Titre"]);
    $("#bar").text(result["nombre de pages"]);
}

Pour le moment, c'est fait. S'il y a un meilleur moyen, apprenez-moi s'il vous plaît.

Il y a aussi une manière différente d'écrire ...

Remplacez la clé par des caractères alphabétiques en Java.

main.java

String title = "étincelle"
int totalPage = 152;

JSONObject result = new JSONObject();
result.put("bookTitle", title);
result.put("totalPage", totalPage);

Côté JS, connectez-vous avec. (Dot) et spécifiez la clé pour obtenir la valeur.

main.js

$.ajax({
    url     : "./SearchBook.do",
    type    : "POST",
    async   : true,
    data    : "Données à envoyer à Java ici",
    dataType: "json",
    success	: function(result) {
        //Traitement en cas de succès
        $("#foo").text(result.bookTitle);
        $("#bar").text(result.pager.totalPage);
}

Que ce soit pour analyser ou non

• Si vous spécifiez dataType:" json " et le type JSON dans dataType de ajax, vous n'avez pas besoin d'analyser. Inversement, l'analyse entraînera une erreur.

en bref...

main.js

$.ajax({
    url     : "./SearchBook.do",
    type    : "POST",
    async   : true,
    data    : "Données à envoyer à Java ici",
    dataType: "json",
    success	: function(result) {
        //Traitement en cas de succès
        $("#foo").text(result["Titre"]);
        $("#bar").text(result["nombre de pages"]);
    }
});

Ou

main.js

$.ajax({
    url     : "./SearchBook.do",
    type    : "POST",
    async   : true,
    data    : "Données à envoyer à Java ici",
    success	: function(result) {
        //Traitement en cas de succès
        var data = JSON.parse(result);
        $("#foo").text(result["Titre"]);
        $("#bar").text(result["nombre de pages"]);
    }
});

Être.