问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

新手求问ajax 获取数据

头像
Noiya
    25244560

    下载phpstudy搭建本地服务器

    clipboard.png

    data.json如下

    {
    name:"lvyuanyaun",
    age:"25"
}

    hello.html

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>
<body>
     <button id="btn">点击</button>
    <h5 id="text">....</h5>
    <script src="jq.js"></script>
    <script type="text/javascript">
        $("#btn").click(function() {
        $.ajax({
        type: "GET",
        url: "data.json",
        dataType: "json",
        success:function(data) {
           console.log(data)
        }
      });

   })
    </script>
</body>
</html>

    network显示data.json已被加载

    clipboard.png

    clipboard.png

    console.log(data)什么都没显示

    javascriptphphtml
    阅读 6k
    11 个回答
    得票最新
    头像
    Me佳佳丶
      98149
      ✓ 已被采纳

      实测 url写成文件是不会获取到数据的 也就是不会调用success的方法 得换成php的url

      头像
      topofgods
        1614

        那个应该改成标准的json，把key也用""包起来

        头像
        孤月
          2.9k1314

          把url那个参数那里改成带http的访问地址试试

          头像
          Marcus_Ma
            19

            改成如下，把key加上双引号
            {

            “name”:"lvyuanyaun",
“age”:"25"

            }
            如果不行，先判断一下data的值是否存在

            头像
            promising_li
              932

              url应该是个地址或者路径

              头像
              Tims
                1.9k1311

                由於你的不是json函數，所以其實不會觸發success事件，所以你可以添加error函數。
                data.json

                {
    "name":"lvyuanyaun",
    "age":"25"
}
                头像
                treeandgrass
                  1.3k32343
                  头像
                  Noiya
                    25244560

                    url 一定要是这样的地址 url: "http://127.0.0.1:8020/require/js/data.json"

                    头像
                    so_listen
                      20143347

                      主要是你的data.json的格式不正确。

                      var json = {
    key : val
    }
var obj1 = {
       "name" : "张三"
    }
   var obj2 = {
        name : "李四"
       }

                      虽然obj2也可以算是json格式,但是obj1更为严格。

                      所以楼主主要改一下data.json文件就可以了。
                      望采纳。

                      头像
                      Aaron
                        2881426

                        可能json的格式有问题

                        头像
                        zndle
                          2
                          新手上路，请多包涵

                          确实是JSON格式问题~
                          你可能用了很高版本的Jquery..讲真,不记得Jquery从什么版本起对JSON格式有了严格的要求~
                          另:话说你们都不用IDE吗?~~
                          Hbuilder 没人用吗?

                          撰写回答
                          你尚未登录，登录后可以
                          • 和开发者交流问题的细节
                          • 关注并接收问题和回答的更新提醒
                          • 参与内容的编辑和改进，让解决方法与时俱进
                          推荐问题