jquery和servlet如何传递JSON数组？

Ajax JSON 示例

最新推荐文章于 2021-09-13 17:47:26 发布

原创最新推荐文章于 2021-09-13 17:47:26 发布 · 501 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#马克java社区 #jquery getJSON #马克-to-win #jquery JSONArray JSONObject #jquery

javascript 专栏收录该内容

119 篇文章

订阅专栏

本文通过一个具体的AjaxJsonArray.jsp示例，展示了如何使用jQuery的getJSON方法从服务器获取JSON数组，并更新DOM元素的内容。当点击表格中的单元格时，会触发getP函数，该函数通过传递ID参数来获取数据。

例 3.7（AjaxJsonArray.jsp）
<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript">
    function getP(id) {
        $.getJSON("jqueryservlet37", {
            id : id
        }, function(arr) {
            for ( var i = 0; i < arr.length; i++) {
                var obj = arr[i];
                for ( var pro in obj) {
                     document.getElementById(pro).innerHTML = obj[pro];
                }
            }

            /* document.getElementById(pro).innerHTML = obj[pro];和下一句一样。
             $("#"+pro).html(obj[pro]);
             */
        })
    }
</script>
</head>

<body>
    <table width="340" border="1">
        <tr>
            <td id="1" onclick="getP('1')">点这1</td>
            <td id="2" onclick="getP('2')">点这2</td>
        </tr>
    </table>