Java, JS (jQuery) und Ajax. Holen Sie sich einen bestimmten Wert von JSON.

Mit jQuery (clientseitig) einen bestimmten Wert der von Java zurückgegebenen Daten im JSON-Typ abrufen.

Ein Memorandum of Processing, das JSON behandelt Verwendet Streben 1.3.10.

Ajax mit JS. Rufen Sie Java auf.

main.js

$.ajax({
    url     : "./SearchBook.do",
    type    : "POST",
    async   : true,
    data    : "Daten, die hier nach Java geworfen werden sollen",
    dataType: "json",
    success : function(result) {
        //Verarbeitung auf Erfolg
    }
});

Das Ergebnis verschiedener Verarbeitungen mit den von JS empfangenen Daten wird auf der Java-Seite in den JSON-Typ eingegeben. String-Typ und Int-Typ werden als Daten vorbereitet.

main.java

String title = "Funke"
int totalPage = 152;

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

Der folgende JSON-Typ wird zurückgegeben. {" Titel ":" Funken "," Anzahl der Seiten ":" 152 "}

$.ajax({
    --Kürzung--
    success	: function(result) {
        //Verarbeitung auf Erfolg
    }
});

Sie müssen lediglich den Zielwert mit dem Schlüssel abrufen.

main.js

success	: function(result) {
    //Verarbeitung auf Erfolg
    $("#foo").text(result["Titel"]);
    $("#bar").text(result["Seitenzahl"]);
}

Dies ist vorerst erledigt. Wenn es einen besseren Weg gibt, lehre mich bitte.

Es gibt auch eine andere Art zu schreiben ...

Ändern Sie den Schlüssel in Java in alphabetische Zeichen.

main.java

String title = "Funke"
int totalPage = 152;

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

Stellen Sie auf der JS-Seite eine Verbindung mit. (Punkt) her und geben Sie den Schlüssel an, um den Wert zu erhalten.

main.js

$.ajax({
    url     : "./SearchBook.do",
    type    : "POST",
    async   : true,
    data    : "Daten, die hier nach Java geworfen werden sollen",
    dataType: "json",
    success	: function(result) {
        //Verarbeitung auf Erfolg
        $("#foo").text(result.bookTitle);
        $("#bar").text(result.pager.totalPage);
}

Ob zu analysieren oder nicht

• Wenn Sie dataType:" json " angeben und JSON in dataType von ajax eingeben, mussten Sie nicht analysieren. Umgekehrt führt das Parsen zu einem Fehler.

Zusamenfassend...

main.js

$.ajax({
    url     : "./SearchBook.do",
    type    : "POST",
    async   : true,
    data    : "Daten, die hier nach Java geworfen werden sollen",
    dataType: "json",
    success	: function(result) {
        //Verarbeitung auf Erfolg
        $("#foo").text(result["Titel"]);
        $("#bar").text(result["Seitenzahl"]);
    }
});

Oder

main.js

$.ajax({
    url     : "./SearchBook.do",
    type    : "POST",
    async   : true,
    data    : "Daten, die hier nach Java geworfen werden sollen",
    success	: function(result) {
        //Verarbeitung auf Erfolg
        var data = JSON.parse(result);
        $("#foo").text(result["Titel"]);
        $("#bar").text(result["Seitenzahl"]);
    }
});

Sein.