javascript - 将 JsonArray 数据从 serveResource 传递到 jsp 并在 JSP 上显示 - Liferay

Question

我有一个 jsp，其中有一个下拉框。每当用户从下拉框中选择任何项目时，都应显示其信息。为此，我正在使用 ajax。为此，我创建了 serveResource 函数来传递数据以下代码是 serveResource 函数，我从数据库中收集数据并将其存储在 JSONArray 中，如下所示:

   JSONArray jsonArray = JSONFactoryUtil.createJSONArray();
   jsonArray.put(syudname.toString());
   jsonArray.put(studdiv.toString());
   jsonArray.put(studimageURL);

   response.getWriter().write(jsonArray.toString());

使用ajax的success函数在jsp上成功显示数据。其代码如下:

 type: 'POST', 
    dataType : "json", 
        success : function(jsonArray) { 

            alert(jsonArray);

            $('#studDetails').append(jsonArray[0]+"<br/>");
            $('#studDetails').append(jsonArray[1]+"<br/>");
            $('#studDetails').append(jsonArray[2]+"<br/>");
            var image = jsonArray[2];
            alert(image);

        } 

每当我从保管箱中选择任何项目时，都会显示其信息(我使用 jsonarray 检索)。但是当我从保管箱中选择另一个项目时，问题就来了。此时，新选择的项目的数据附加到先前选择的项目的数据。当我没有 jsonarray 时，我之前使用 .html() 函数而不是 .html() 。当我将 .html() 用于 jsonarray 时，仅显示数组的最后一个元素。我怎样才能避免这种情况？我的第二个问题是显示它的路径而不是图像。我应该如何显示图像请注意上面的 studDetails 是我显示所有数据的 div 的 ID..

Answer 1

像这样:

$('#studDetails').html(jsonArray[0]+"<br/>" + jsonArray[1]+"<br/>" + "<img src='" + jsonArray[2] + "'/><br/>");