使用Json HTML链接使用“ GET”命令从服务器调用数据

问题描述 投票:0回答:1

我再次努力以整理我的"GET"命令,它正在响应,但在文本中显示为"undefined"。我有一个正在运行的实际服务器,但正在尝试对其进行修复。对于我的任务,我不允许使用PHP命令,但可以使用JQuery, Javascript, HTML, Json, XML

这是我的蟒蛇的主体

@restServer.route("/dbtest", methods=['GET'])
def getData():
    result = cursor.fetchall()
    for k in result:
                dataout = {'hotel_id' : k[0], 'firstname' : k[1], 'lastname' : k[2]}
                resultList.append(dataout)
    return jsonify(resultList)

应该创建一个json文件并由Web服务器访问。

当我的下一个任务是将该Web服务器呼叫到html

HTML代码:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>

<script>
    function getIp() {
    var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if(this.readyState == 4 && this.status == 200) {
                var output = JSON.parse(this.responseText);
                document.getElementById("dbtest").innerHTML = output.dbtest;
            }
        }
        xhttp.open("GET", "http://cs2s.yorkdc.net:5018/dbtest", true);
        xhttp.send();
    } 
</script>


<body>
<p id="dbtest"></p>
<button type="button" onclick="getIp()">Click me to get the first name</button>
</body>
</html>

要么我弄乱了脚本或按钮,请向我展示这些步骤,我也将继续研究其他步骤。我需要做的另一项任务是更新(PUT),该更新正在连接到MYSQL并通过id更新。再次通过ID和Post删除,我确实认为这是在表中使用新信息创建新行

更新第一个错误未声明HTML文档的字符编码。

第二错误,如果文档包含来自US-ASCII范围之外的字符,则在某些浏览器配置中,文档将呈现乱码。页面的字符编码必须在文档或传输协议中声明。 connect.html在安全页面上加载混合(不安全)活动内容“ http://cs2s.yorkdc.net:5018/dbtest

Json文件从mysql,使用来自python的getData

[
  "Bill", 
  "Richson", 
  "1", 
  "112", 
  "Single Bedroom", 
  "06/04/2020", 
  "N/A", 
  "\u00a335", 
  "Card", 
  "Unpaid"
]
html jquery json ajax get
1个回答
0
投票

最简单的方法是使用JQuery单击功能:

<button type="button" id="getIPbtn">Click me to get the first name</button>

$('#getIPbtn').click(function(){ 
getIp();
})
© www.soinside.com 2019 - 2024. All rights reserved.