comment retourner plusieurs objets json de la servlet java en utilisant une requête ajax

Je fais construire une application web à l'aide de jsp et servlet, j'envoie une requête ajax de jsp et je veux le retour de deux objets json à partir de servlet. J'ai essayé de faire ce qui suit, mais le code ne fonctionne pas.

//en jquery, j'ai écrit ce code

        var id = $(this).attr('id');

        var paramenters = {"param":id};

        $.getJSON("MyServlet", paramenters, function (data1,data2){

            $("h3#name").text(data1["name"]);

            $("span#level").text(data1["level"]);

            $("span#college").text(data2["college"]);

            $("span#department").text(data2["department"]);

        });

//en de la servlet j'ai écrit ce code

    String json1 = new Gson().toJson(object1);

    String json2 = new Gson().toJson(object2);

    response.setContentType("application/json");

    response.setCharacterEncoding("utf-8");

    response.getWriter().write(json1);

    response.getWriter().write(json2);

quelqu'un peut m'aider???

source d'informationauteur sahar

  1. 19

    Vous devez faire comme ceci:

    Côté serveur:

    String json1 = new Gson().toJson(object1); 
String json2 = new Gson().toJson(object2); 
response.setContentType("application/json"); 
response.setCharacterEncoding("utf-8"); 
String bothJson = "["+json1+","+json2+"]"; //Put both objects in an array of 2 elements
response.getWriter().write(bothJson);

    Côté Client:

    $.getJSON("MyServlet", paramenters, function (data){ 
   var data1=data[0], data2=data[1]; //We get both data1 and data2 from the array
   $("h3#name").text(data1["name"]); 
   $("span#level").text(data1["level"]); 
   $("span#college").text(data2["college"]); 
   $("span#department").text(data2["department"]);
});

    Espère que cette aide. Cheers

  2. 2

    Les envelopper d'un tableau JSON:

    [ {..}, {..}, {..}]

    ou, emballez-le dans un autre objet:

    { "result1":{..}, "result2":{..} }
  3. 1

    Vous pouviez retourner un tableau JSON avec à la fois des objets comme des éléments de la matrice. Votre servlet retour JSON qui a une structure comme celle-ci:

    [{"name": "object1"}, {"name": "object2"}]

    Puis votre code javascript peut être quelque chose comme ceci:

    $.getJSON("MyServlet", paramenters, function (data){
        var data1 = data[0];
        var data2 = data[1];

        $("h3#name").text(data1["name"]);

        $("span#level").text(data1["level"]);

        $("span#college").text(data2["college"]);

        $("span#department").text(data2["department"]);

    });
  4. 1

    vous allez avoir besoin de mettre les deux en une seule chaîne json comme

    response.getWriter().write("[");
response.getWriter().write(json1);
response.getWriter().write(",");
response.getWriter().write(json2);
response.getWriter().write("]");

    ce qui les met dans un tableau json

    vous pouvez aussi les mettre dans un objet json

    response.getWriter().write("{\"object1\":");
response.getWriter().write(json1);
response.getWriter().write(",\"object2\":");
response.getWriter().write(json2);
response.getWriter().write("}");
  5. 0

    @Edgar 's réponse qui fonctionne pour moi. Mais je pense que nous devrions éviter de former la matrice par nous-mêmes, alors je suggère d'utiliser une liste. Les codes sera quelque chose comme ceci:

    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    ...
    resp.setContentType("application/json");
    resp.setCharacterEncoding("utf-8");
    ArrayList<Object> obj_arr = new ArrayList<Object>();
    obj_arr.add(obj1);
    obj_arr.add(obj2);
    Gson gson = new Gson();
    String tmp = gson.toJson(obj_arr);
    resp.getWriter().write(tmp);
}

    Et dans le front-end, pour les données que nous recevons, nous pouvons utiliser data[0] à retrive obj1 et data[1] à retrive obj2. Les codes sera quelque chose comme ceci (j'utilise de l'ajax ici):

    $('#facts_form').submit(function (e) {
    e.preventDefault();
    var data = new FormData(this);
    var url = 'import';
    $.ajax({
        url: url,
        type: "POST",
        data: data,
        processData: false,  
        contentType: false,   
        async: false,
        cache: false,
        success: function (data) {                
            for (var i = 1; i < data.length; i++){
               //do whatever 
            }
        },
        error: function (xhr, status, error) {
            alert(status + "\n" + error);
        }
    });
});