ajax里的getJSON的用法

最新推荐文章于 2024-09-11 02:20:32 发布

weixin_30788239

最新推荐文章于 2024-09-11 02:20:32 发布

阅读量106

点赞数

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/kukai/p/10864824.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
     $(function () {
         $("a").on("click",function () {
             url="../a.json";
             args={"time":new Date()};
             //url:访问的路径
             //args:格式为JSON格式
　　　　　　　　//function(data1)回调函数响应成功时，返回的数据都在回调函数的参数里(参数可以任意命名，一般为data)

             $.getJSON(url,args,function (data1) {
　　　　　　　　　　//获取json里的数据赋值给name变量
               var name=  data1.person.name;
　　　　　　　　　//获取json里的数据赋值给age变量
               var age=data1.person.age;
　　　　　　　　　//将name加载到Id=sp的变量里
               $("#sp").append(name);
               $("#sp").append(age);
             })
             return false;
         })
     })
    </script>
</head>
<body>
<a href="hello world">hello</a>
<span id="sp"></span>
</body>
</html>