JSONP

最新推荐文章于 2025-07-31 16:47:18 发布

原创最新推荐文章于 2025-07-31 16:47:18 发布 · 702 阅读

0 ·

CC 4.0 BY-SA版权

前端技术-Jquery 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何使用jQuery发起AJAX请求并从服务器端获取JSON格式的数据。通过点击按钮触发事件，客户端能够调用服务器端脚本(server.php)并接收返回的JSON数据。

客户端：

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
    <script language="javascript" src="jquery-2.0.2.min.js" mce_src="jquery-1.4.js"></script>
    <script type="text/javascript">
    $(document).ready(function (){
        $('#latest').click(function (){
            $.getJSON("http://localhost/cc/server.php?&callback=?",
                      function(data){ // 往后台传递的参数
                   // data = JSON.parse(data);
                          alert(data.userID);alert(data.groupID);
                      })
        })
    });
   </script>
    </head>
    <body>
    </body>
    <button id="latest">点击获取</button>
    </html>