php ajax demo

 

Client:  html + jQ

<!DOCTYPE html>

<html>
    <head>
        <title>JSON 和 Javascript ajax 通信交互</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    </head>
    <body>
        <div>jquery 的ajax使用和 php json_encode() 之后的 json 数据类型通信</div>
        <script type="text/javascript">
            function getJsonData() {
                var url = "jsonDemo.php";
                var data = {};
                jQuery.post(url, data, function(response) {
                    var jsobObj = eval("(" + response + ")");
                    var username = jsobObj.username;
                    var two = jsobObj.hobby.two;
                    // document.write("Username:"+username);
                    // document.write("my hobby two is :"+two);
                    jQuery("#jsonObjShow").text("response username:" + username+"my hobby is :"+two);
                });
            }
        </script>
        <a onclick="return getJsonData();" href="###">获取 json 对象数据</a>
        <div id="jsonObjShow" style="border:1px solid #ccc;width: 1450px;border-radius: 5px;height: 150px;padding:5px;">
        </div>
    </body>
</html>

 

 

Server: ajax

<?php
  $memberInfo = array();
  $memberInfo['truename'] = "username";
  $memberInfo['age'] = 'userage';
  $memberInfo['hobby']['one'] = "one";
  $memberInfo['hobby']['two'] = "two";
  $memberInfo['hobby']['three'] = "three";

  echo json_encode($memberInfo); ?>

 

 

Ajax

 

json 转码的问题

http://blog.csdn.net/iastro/article/details/52447750

 

json 转码的问题  

   json_encode( '... ... ...' , UNESCAPED_UNICODE);

 

 

 

 

 

posted @ 2017-09-10 18:59  silvercell  阅读(963)  评论(0)    收藏  举报