jquery和servlet如何传递JSON数组？

最新推荐文章于 2020-12-18 11:40:20 发布

转载最新推荐文章于 2020-12-18 11:40:20 发布 · 253 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/mark_to_win/article/details/88692366

文章标签：

#javascript #jquery getJSON #jquery #jquery

javascript 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一个示例程序AjaxJsonArray.jsp，演示如何利用Ajax和jQuery从服务器请求并处理JSON数组数据。通过调用$.getJSON方法，该程序能够根据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>