JQuery获取并解析php返回的json格式数据的简单示例

最新推荐文章于 2021-08-06 02:40:23 发布

一棵随风倒的小小草

最新推荐文章于 2021-08-06 02:40:23 发布

阅读量4.2k

点赞数 1

本文链接：https://blog.csdn.net/hnllc2012/article/details/49332295

版权

Web 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

php

5 篇文章 0 订阅

订阅专栏


test.html示例如下：

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
            <title>Test</title>
        </head>
        <body>
            <button id="btnTest">获取JSON</button>
            <div>从服务器获取的JSON： <span id="spanShowJson"></span></div>

            <script type="text/javascript" src="jquery-1.11.3.js"></script>
            <script>
            $(document).ready(function()
    	    {
               $('#btnTest').on('click', function()
               {
                   $.get("json.php", //设置url
               		function (data)
                	{
                   	 $('#spanShowJson').html(data.json);
                	}
                    );
               });
            });
            </script>
        </body>
    </html>

    
json.php示例如下：
    
<?php
   //设置http报头
   header("Content-type: text/json; charset=utf-8");

   $jsonString = 'jsong string';
   $json = array('json'=>$jsonString);
   echo json_encode($json);
?>