当前位置: 首页 > 编程笔记 >

jQuery.getJSON()方法如何在jQuery中加载JSON数据?

陆弘光
2023-03-14
本文向大家介绍jQuery.getJSON()方法如何在jQuery中加载JSON数据?,包括了jQuery.getJSON()方法如何在jQuery中加载JSON数据?的使用技巧和注意事项,需要的朋友参考一下

jQuery.getJSON(url,[data],[callback])方法使用GET HTTP请求从服务器加载JSON数据。

这是此方法使用的所有参数的描述-

    list-paddingleft-2">
  • url- 包含请求发送到的URL的字符串

  • 数据 -此可选参数表示将发送到服务器的键/值对。

  • callback- 此可选参数表示每当成功加载数据时将执行的函数。

假设我们在result.json文件中具有以下JSON内容-

{
  "name": "David",
  "age" : "25",
  "sex": "male"
}

以下是显示此方法用法的代码片段-

示例

   <head>
      <title>The jQuery Example</title>
      <script src = "https://cdn.staticfile.org/jquery/2.1.3/jquery.min.js"></script>
       
      <script>
         $(document).ready(function() {
           
            $("#driver").click(function(event){
               $.getJSON('result.json', function(jd) {
                  $('#stage').html('<p> Name: ' + jd.name + '</p>');
                  $('#stage').append('<p>Age : ' + jd.age+ '</p>');
                  $('#stage').append('<p> Sex: ' + jd.sex+ '</p>');
               });
            });
               
         });
      </script>
   </head>
   
   <body>
   
      <p>Click on the button to load result.html file:</p>
       
      <div id = "stage" style = "background-color:#cc0;">
         STAGE
      </div>
       
      <input type = "button" id = "driver" value = "Load Data" />
       
   </body>
   
</html>
 类似资料:
  • 本文向大家介绍如何使用jQuery加载JSON数据?,包括了如何使用jQuery加载JSON数据?的使用技巧和注意事项,需要的朋友参考一下 要使用jQuery加载JSON数据,请使用和方法。jQuery.getJSON()方法使用GET HTTP请求从服务器加载JSON数据。 这是此方法使用的所有参数的描述- url- 包含请求发送到的URL的字符串 数据 -此可选参数表示将发送到服务器的键/值对

  • 本文向大家介绍jquery滚动加载数据的方法,包括了jquery滚动加载数据的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery滚动加载数据的方法。分享给大家供大家参考。具体分析如下: 我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术,我们发现很多网站用到这种技术,例如新浪微博、QQ空间等。 代码如

  • 问题内容: 如何在jquery中迭代json数据。 问题答案: 您可以这样使用:

  • 我试图在大查询中加载嵌套的json数据。 这是我正在使用的数据和模式... scehma - [{“名称”:“种类”、“类型”:“字符串”}、{“名称”:“全名”、“类型”:“字符串”}、{“名称”:“年龄”、“类型”:“整数”}、{“名称”:“居住的城市”、“类型”:“记录”、“字段”:[{“名称”:“地点”、“类型”:“字符串”}、{“名称”:“年数”、“类型”:“整数”}]}] 资料-- {

  • 本文向大家介绍动态加载jQuery的方法,包括了动态加载jQuery的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了动态加载jQuery的方法。分享给大家供大家参考。具体如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 问题内容: 我有一个php页面,可从其中获取json中的响应: 我想循环它,并将每个追加到div。 这是我尝试的: 该警报为,响应为json数组。 请帮忙。 问题答案: 您的数组具有存储对象 使用的默认键(0,1):