在html页面中显示ajax_Html_Ajax_Flask

在html页面中显示ajax

html ajax flask

在html页面中显示ajax,html,ajax,flask,Html,Ajax,Flask,我使用flask作为后端，其中一个端点是objectList，它以以下格式返回数据： [{name1:value1, name2:value2}, {name1:value3, name2:value4}] 为了在我的html页面上显示此数据，我使用以下代码： <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">&

我使用flask作为后端，其中一个端点是objectList，它以以下格式返回数据：

[{name1:value1, name2:value2}, {name1:value3, name2:value4}]

为了在我的html页面上显示此数据，我使用以下代码：

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
      $(document).ready(function){
        $.ajax({
          url: 'localhost:5000/objectList',
          method:"GET",
          success: function(result){
            $("#div1").html(result);
          };
        });
      };
    </script>
  </head>
  <body>

    <div id="div1"></div>
  </body>
</html>


$（文档）.ready（函数）{
$.ajax({
url:'localhost:5000/objectList'，
方法：“获取”，
成功：功能（结果）{
$（“#div1”）.html（结果）；
};
});
};

这不会显示任何数据。我做错了什么？我怎样才能解决这个问题

编辑：只是澄清一下，我希望在页面加载时加载数据，而不是通过按钮或单击加载数据


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.getJSON（“demo\u ajax\u json.js”，函数（结果）{
$.each（结果、函数（i、字段）{
$（“div”）.append（字段+”）；
});
});
});
});
获取JSON数据

经过我们的讨论，我发现此代码工作正常

您必须关闭函数ajax中的括号，并允许使用此行在服务器端进行访问控制

标题（“访问控制允许原点：”

//或者将星形替换为具有html的服务器


$（文档）.ready（函数（）{
$.ajax({
url:'localhost:5000/objectList'，
方法：“获取”，
成功：功能（结果）{
//验证结果
控制台日志（结果）；
var htmlOutput=''；
//由于您有许多条目，因此会重复您的结果
$。每个（结果、功能（i、项目）{
htmlOutput+=''+
“”+
“name1:”+项['name1']+'”+
“name2:”+项['name2']+'”+
“”；
});
$（“#div1”）.html（htmlOutput）；
}，错误：函数（jqXHR，textStatus，error）{
//验证是否存在错误
控制台错误（文本状态）；
}
});
});

输入此url localhost:5000/objectList时的输出是什么？如果您使用console.log（“result”），您会得到什么？当我输入url时，输出的是所需格式的数据。console.log（“result”）只是表示意外的语法“）”，那么我是否在某个地方有一个不平衡的括号？用鼠标右键单击检查DOM中的任何元素，然后从可以看到console.log（）输出的选项卡中选择“console”（“result”）console.log（“result”）只是表示意外的语法“，我是否有不平衡的括号？是的，我已经复制粘贴了代码。这是测试中的确切错误：5

Uncaught SyntaxError:Unexpected token'）

我不希望在单击按钮时加载它，我希望它与页面自动加载一起加载。像这样去数据库。意思是说在数据库中获取数据