我如何解析JsonArray從JSP到Javascript

Question

這是我的代碼：

Display.jsp：

    <%
    JSONArray jsonArray = new JSONArray();
    String location = request.getParameter("location");
    Class.forName(OracleDriver.class.getName().toString());
    Connection connection = DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","ram","ram");
    PreparedStatement preparedStatement = connection.prepareStatement("select * from job where location = ?");
    preparedStatement.setString(1,location);
    ResultSet resultSet = preparedStatement.executeQuery();
    int index = 0;
    if(!resultSet.next()){
            jsonArray.add(0, new Job("NA","NA","NA","NA","NA"));
            out.println(jsonArray);
    }else{
        while(resultSet.next()){
            index ++;
            Job job = new Job(resultSet.getString("title"),resultSet.getString("location"),resultSet.getString("eligibility"),resultSet.getString("position"),resultSet.getString("pdate"));
            jsonArray.add(index, job);
        }
        out.println(jsonArray);
    }

%>

包含Job對象列表的jsonArray，如何在javascript中解析jsonArray

有任何想法嗎...

Answer 1

一種建議是將隱藏的dom元素附加到javascript變量（例如ap）或隱藏的輸入。

然后，將內部html設置為json數組

<p id="myJsonArray" style="display:none;"> <%= jsonArray %> </p>

最后，附加一些事件，以觸發javascript函數讀取該事件的內部html

...如果您希望它是自動的，可能是一個定時間隔或一些檢查該元素是否更改的東西。

老實說，我會忘記所有這些，而只是編寫一個Web服務（使用jersey或其他東西），並創建一個ajax調用來獲取您想要的內容：）但是，這是我的看法。

讓我知道您是否還有其他想法！

這是一些工作代碼。 我仍然要強調，這可能不是最佳方法。 在html頁面中混合這么多代碼很難維護，而且也不可讀。 我發現這鏈接到另一個StackOverflow帖子。 值得一讀。 https://netbeans.org/kb/docs/javaee/ecommerce/design.html#architecture
StackOverflow發布： JSF vs Facelets vs JSP

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<%@ page import="java.util.List,java.util.ArrayList,org.json.JSONArray,java.util.Arrays" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>test</title>
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.3/css/jquery.dataTables.css">

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="//code.jquery.com/jquery-1.10.2.min.js"></script>

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.3/js/jquery.dataTables.js"></script>

<script>
$(function(){
    //If your data won't change, you could just draw the table immediately after the page loads.
    var testTable = $("#dynamicTable").DataTable({
        data : JSON.parse($("#hiddenJson").html())
    });

    //If you're going to be updating data dynamically, you might 
    $("#refresh").click(function(){
        var data = JSON.parse($("#hiddenJson").html());

        testTable.clear();
        var modifiedData;
        for(r in data) {
            modifiedData = data[r];
            modifiedData[0] += " dynamically added";
            modifiedData[1] += " dynamically added";
            modifiedData[2] += " dynamically added";
            testTable.row.add(modifiedData);        
        };              
        testTable.draw();
    });
});

</script>
</head>
<body>
<%

    JSONArray jsonArray = new JSONArray();
    String location = request.getParameter("location");
   //  Class.forName(OracleDriver.class.getName().toString());
   // Connection connection = DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:XE","ram","ram");
   // PreparedStatement preparedStatement = connection.prepareStatement("select * from job where location = ?");
   // preparedStatement.setString(1,location);
   // ResultSet resultSet = preparedStatement.executeQuery();
    //int index = 0;
    //if(!resultSet.next()){
    //        jsonArray.add(0, new Job("NA","NA","NA","NA","NA"));
    //        out.println(jsonArray);
    //}else{
    //    while(resultSet.next()){
    //        index ++;
    //        Job job = new Job(resultSet.getString("title"),resultSet.getString("location"),resultSet.getString("eligibility"),resultSet.getString("position"),resultSet.getString("pdate"));
    //        jsonArray.add(index, job);
    // }    
    jsonArray.put(0, ("NA,NA,NA").split(",")); 
    jsonArray.put(1, ("NA2,NA2,NA2").split(",")); 
    jsonArray.put(2, ("NA3,NA3,NA3").split(",")); 

%>

<p id="hiddenJson" style="display:none;"> <%= jsonArray.toString() %> </p>

<table id="dynamicTable">
  <thead>
    <th>column 1</th>
    <th>column 2</th>
    <th>column 3</th>
  </thead>
</table>

<button id="refresh"> Update Data </button>
</body>
</html>

我如何解析JsonArray從JSP到Javascript

問題描述

1 個解決方案

解決方案1
2 2014-10-26 05:07:03

我如何解析JsonArray從JSP到Javascript

問題描述

1 個解決方案

解決方案1 2 2014-10-26 05:07:03

解決方案1
2 2014-10-26 05:07:03