Json Response 需要更新 Javascript 值并替换全局初始全局值 - 需要解决解决方案
Posted
技术标签:
【中文标题】Json Response 需要更新 Javascript 值并替换全局初始全局值 - 需要解决解决方案【英文标题】：Json Response needs to update Javascript value and replace global initial global value - work around solution needed 【发布时间】：2021-03-05 02:28:56 【问题描述】：我正试图绕开 fetch api 并获取。从我一直在研究的内容来看，它看起来很容易，但我的想法并没有完全理解。在我的游戏 javascript 中，它以 money=2000 全局变量开头。
游戏运行良好，但是当有人离开并转到他们的个人资料页面并返回游戏时，游戏会重置并从头开始游戏并将钱重置回 2000。
真正疯狂的是，如果我刷新页面，我终于在网页上看到了正确的值 2200，这就是数据库中的值。
startgame.html
<!DOCTYPE html>
<html>
<head>
<TITLE>Interactive Game</TITLE>
<meta charset="UTF-8">
</head>
<body background="images/pvpcoinnew.png" style="width=120%" onLoad="updateMoney(); popup('popUpDiv'); click(); updown()" oncontextmenu="return false;">
<img background="images/pvpcoinnew.png">
<select id="textbox">
<option value="1">1</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="25" selected>25</option>
<option value="50">50</option>
<option value="75">75</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="250">250</option>
<option value="500">500</option>
<option value="1000">1000</option>
</select>
<button type="click" id="button" onclick="enterWager(); return false;">Wager!</button>
<p>Money: $<span id="money"></span><br></p>
<script type="text/javascript" src="game.js"></script>
</body>
</html>
下面的game.js文件一开始就预设了金钱到2000年。 游戏.js
//money = 2000;
window.money = 2000;
fetch('../php/moneyupdate/moneyupdate.php?money=value')
.then((response) =>
return response.json()
)
.then((money) =>
// Work with JSON data here
window.money = money
console.log(money)
)
.catch((err) =>
// Do something for an error here
)
document.getElementById("money").innerHTML = window.money;
当从 fetch 触发 php 文件时，状态为 200。XHR 响应负载返回数据库中的“2200”，但网页仍显示 2000。
这里是 moneyupdate.php 文件
<?php
session_start();
if(empty($_SESSION['userid']))
header("Location: ../login/index.php");
include('../../login/database.php');
if(isset($_GET["money"]))
$money = htmlspecialchars($_GET["money"]);
$userid = $_SESSION['userid'];
try
$db = DB();
$stmt = $db->prepare("SELECT money FROM usersystem WHERE userid=?");
$stmt->execute([$userid]);
$money = $stmt->fetchColumn();
// send a JSON encded money array to client
header('Content-type: application/json;charset=utf-8');
echo json_encode($money);
//
catch(PDOException $e)
$db = null;
echo $e->getMessage();
// Notes: The json_encode function returns the JSON representation of the given value.
// The json_decode takes a JSON encoded string and converts it into a PHP variable.
?>
感谢您的帮助和回复！
【问题讨论】：
【参考方案1】：使用 GET['money'] 时，将其添加到您的网址“http:site.com/page.php?money=value”。 window.money = 2000;
fetch('../php/moneyupdate/moneyupdate.php?money=2000')
.then((response) =>
return response.json()
)
.then((money) =>
// Work with JSON data here
//working with json data depends on structure
// you can access data as money.money
window.money = money
console.log(money)
)
.catch((err) =>
// Do something for an error here
)
【讨论】：
好的，这有点帮助。我的网络 XHR 响应中终于有了“2200”。但是页面仍然显示 2000。我需要研究 windows.money 的答案，我认为我的建议不正确。到目前为止谢谢你！！！【参考方案2】：如果我理解正确，您可能想使用对象窗口来存储您的变量，您可以从任何地方访问它
window.money = 2000;
fetch('../php/moneyupdate/moneyupdate.php')
.then((response) =>
return response.json()
)
.then((money) =>
// Work with JSON data here
window.money = money
console.log(money)
)
.catch((err) =>
// Do something for an error here
)
关于 PHP 部分，我希望能提供帮助，但这不是我的强项。不过，我希望我的提示对您有所帮助。
【讨论】：
不幸的是，这不起作用。数据库正在显示，以及个人资料页面 2200 钱，但当我从个人资料页面返回游戏时，游戏仍然显示 2000。但是，我将更多地查看窗口，响应负载仍然显示 var money = null; 对不起，我忘了说，这一行也应该使用 window.money 变量： document.getElementById("money").innerHTML = money;你也改了吗？ 如果我理解正确，您是说将我的全局更改为 window.money = 2000; ? 好的，我按照您的建议更改了全局。现在有点用了。 我现在想可能是我的 onLoad="updateMoney()【参考方案3】：已解决 - 起初我不确定将 getElementById 放在哪里，没有意识到它需要在 fetch 中。我还将 fetch 放入一个函数中，以便可以从 html 文件 onload 中调用它，我在 html 页面文件中显示该文件。我还将它插入到 updateMoney() 中。它立即解决了我必须重新加载页面才能看到显示的货币价值的问题。
game.js
// window.money = 2000;
function getMoney()
fetch('../php/moneyupdate/moneyupdate.php?money=value')
.then((response) =>
return response.json()
)
.then((money) =>
// Work with JSON data here
window.money = money
document.getElementById("money").innerHTML = window.money;
//console.log(money)
)
.catch((err) =>
// Do something for an error here
)
function updateMoney()
if ( pot <= 0 )
if ( money <= 0 )
document.getElementById("aaa").innerHTML = "Lost? Here's A Loan !!!";
money = 1000 ;
// document.getElementById("money").innerHTML = money;
document.getElementById("money").innerHTML = window.money;
在 JS 中包含上面的代码并不是我需要做的全部。我必须实际触发 getMoney() 以便它获取 php 文件并从数据库中获取列。
startgame.html
<body background="images/pvpcoinnew.png" style="width=120%" onLoad="getMoney(); updateMoney(); popup('popUpDiv'); click(); updown()" oncontextmenu="return false;">
我不需要更改 php 页面上的任何内容，但我仍然想知道我是否真的需要这一行，因为我没有将它用于任何事情。 $money = htmlspecialchars($_GET["money"]);
moneyupdate.php
<?php
session_start();
if(empty($_SESSION['userid']))
header("Location: ../login/index.php");
include('../../login/database.php');
if(isset($_GET["money"]))
$money = htmlspecialchars($_GET["money"]);
$userid = $_SESSION['userid'];
try
$db = DB();
$stmt = $db->prepare("SELECT money FROM usersystem WHERE userid=?");
$stmt->execute([$userid]);
$money = $stmt->fetchColumn();
// send a JSON encded money array to client
header('Content-type: application/json;charset=utf-8');
echo json_encode($money);
//
catch(PDOException $e)
$db = null;
echo $e->getMessage();
// Notes: The json_encode function returns the JSON representation of the given value.
// The json_decode takes a JSON encoded string and converts it into a PHP variable.
?>
【讨论】：
以上是关于Json Response 需要更新 Javascript 值并替换全局初始全局值 - 需要解决解决方案的主要内容，如果未能解决你的问题，请参考以下文章
Charles拦截请求修改response为本地json map local setting
Charles拦截请求修改response为本地json map local setting