我再次努力以整理我的"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"
]
最简单的方法是使用JQuery单击功能:
<button type="button" id="getIPbtn">Click me to get the first name</button>
$('#getIPbtn').click(function(){
getIp();
})