ajax里的getJSON的用法

Posted 2021-11-30 kukai

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax里的getJSON的用法相关的知识，希望对你有一定的参考价值。

<!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格式
             //$.getJSON 返回的数据都在回调函数的参数里(参数可以任意命名，一般为data)
             $.getJSON(url,args,function (data1) {
               var name=  data1.person.name;
               var age=data1.person.age;
               $("#sp").append(name);
               $("#sp").append(age);
             })
             return false;
         })
     })
    </script>
</head>
<body>
<a href="hello world">hello</a>
<span id="sp"></span>
</body>
</html>

以上是关于ajax里的getJSON的用法的主要内容，如果未能解决你的问题，请参考以下文章

Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

深入理解jQuery中$.get$.post$.getJSON和$.ajax的用法

理解jQuery中$.get$.post$.getJSON和$.ajax的用法

Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结