0

Java スクリプトからテーブルにデータを追加する必要があります。テーブルは同じ .jsp ファイルにありますが、スクリプト内にはありません。

AJAX 呼び出し

<script type="text/javascript">
        function searchDetails() {

            $.ajax({
                type : "post",
                data : {
                    'accountNo' : $(accNumber).val()
                },
                url : "/banking-internet/account-history/add",
                cache : false,
                success : function(data) {
                    var transactionList = data;
                },
                error : function(e) {
                    alert('Error: ' + e);
                }
            });

        }
    </script>

テーブル

             <tr>
                <th>Transaction Type</th>
                <th>Amount</th>
                <th class="hide-on-mobile">Description</th>
            </tr>
            <c:forEach var="transaction" items="${transactionList}">
                <tr>
                    <td>${transaction.transactionDate}</td>
                    <td>${transaction.transactionType}</td>                     
                    <td>${transaction.accountNarration}</td>
                </tr>
            </c:forEach>

値がデータに正しく渡されました。しかし、スクリプトの外部で値を取得して使用することはできないようです。

success : function(data) {
                        var transactionList = data;
                    },

この部分はコントローラーから正しく値を取得します。

助けてください

4

1 に答える 1

1

次のようなテーブルの ID を追加します。

    <table id="test_table">

次に、これを呼び出します。

    success : function(data) {
                    var transactionList = data;
                    addRow ("test_table", transactionList);
    },

最後に cellX.innerHtml = data.whatever_member_object; を置き換えます。

    <script language="javascript">
    function addRow(tableID, data) {

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        cell1.innerHtml = data;

        var cell2 = row.insertCell(1);
        cell2.innerHTML = data;

        var cell3 = row.insertCell(2);
        cell3.innerHTML = data;             
    }
    </script>

それがうまくいくことを願っています。

于 2013-10-10T11:16:30.553 に答える