将Javascript数据（JSON）保存到数据库中_Javascript_Php_Json

将Javascript数据（JSON）保存到数据库中

javascript php json

将Javascript数据（JSON）保存到数据库中,javascript,php,json,Javascript,Php,Json,我有一个表格，你可以在这里的链接中看到：这是一个列表，其中的数据会自动更新，但我不想将这些信息输出到表中，而是希望将其输入到数据库中。但我不知道如何使用javascript实现它。因此，如果有人能告诉我该做什么或举个例子，我会很高兴您可以在此处看到代码： <!DOCTYPE HTML>  <html> <head> <title>csgolounge-api exampl

我有一个表格，你可以在这里的链接中看到：这是一个列表，其中的数据会自动更新，但我不想将这些信息输出到表中，而是希望将其输入到数据库中。但我不知道如何使用javascript实现它。因此，如果有人能告诉我该做什么或举个例子，我会很高兴

您可以在此处看到代码：

<!DOCTYPE HTML>
<!-- Install gentoo fgt -->
<html>
<head>
    <title>csgolounge-api example</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css"  href="http://bootswatch.com/darkly/bootstrap.min.css" />
</head>
<body>
    <div class="content">
        <div class="container">
            <nav class="navbar navbar-default" role="navigation" style="margin-top: 20px;">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <a class="navbar-brand" href="#">lel</a>
                    </div>
                </div>
            </nav>
            <div class="row">
                <div class="col-md-12">
                    <div class="well" id="radio_2">
                        <legend>Matches</legend>
                        <table class="table table-striped table-bordered table-condensed">
                            <thead>
                                <tr>
                                    <th>Team_1</th>
                                    <th>Team_2</th>
                                    <th>Time</th>
                                    <th>Status</th>
                                    <th>Link->csgolounge</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script>
        function sortTable(table, order) {
            var asc   = order === 'asc',
                tbody = table.find('tbody');

            tbody.find('tr').sort(function(a, b) {
                if (asc) return $('td:last', a).text().localeCompare($('td:last', b).text());
                else return $('td:last', b).text().localeCompare($('td:last', a).text());
            }).appendTo(tbody);
        }

        $.getJSON("./api.php", function(data) {
            $.each(data, function(key, val) {
                var live, time, team_1, team_2

                live = val.live
                time = val.time
                team_1 = val.teams[0].name + " (" + val.teams[0].percent + ")"
                team_2 = val.teams[1].name + " (" + val.teams[1].percent + ")"
                link = key
                status = live ? "Live" : ""

                if(val.result)
                    if(val.result.status == "won")
                        if(val.result.team == 0) team_1 += " [won]"
                        else team_2 += " [won]"

                $("tbody").html($("tbody").html() + "<tr><td>" + team_1 + "</td><td>" + team_2 + "</td><td>" + time + "</td><td>" + status + "</td><td>" + link + "</td></tr>")
                });

            sortTable($('table'),'desc');
        });
    </script>
</body>
</html>


CsgoongeAPI示例
比赛
第一队
小组2
时间
地位
链接->Csgoonge
函数可排序（表、顺序）{
var asc=顺序=='asc'，
tbody=table.find（'tbody'）；
tbody.find（'tr'）.sort（函数（a，b）{
if（asc）返回$（'td:last'，a）.text（）.localeCompare（$（'td:last'，b）.text（））；
else返回$（'td:last'，b）.text（）.localeCompare（$（'td:last'，a）.text（））；
}).附件（t正文）；
}
$.getJSON（“./api.php”），函数（数据）{
$。每个（数据、函数（键、值）{
var现场、时间、团队1、团队2
live=val.live
time=val.time
team_1=val.teams[0]。名称+“（+val.teams[0]。百分比+”）
team_2=val.teams[1]。名称+“（“+val.teams[1]。百分比+”）
链接=键
状态=活动？“活动”：
如果（值结果）
如果（val.result.status==“赢得”）
如果（val.result.team==0）team_1+=“[won]”
else团队2+=“[获胜]”
$（“tbody”）.html（$（“tbody”）.html（）+“”+团队1+“”+团队2+“”+时间+“”+状态+“”+链接+“”）
});
可排序（$（'table'），'desc'）；
});

您的意思是您从中获取了数据，并希望将其保存到数据库中

然后，您可以使用$.ajax而不是$.getJSON。它使您能够发送数据。它会将数据转发到您的数据库

$.getJSON("./api.php", function(data) {

  $.ajax({
    dataType: "json",
    method : "POST",
    url: 'database.php',
    data: data,
    success: function(){
      console.log('Data has been sent to the server!')
    }
  });

  $.each(data, function(key, val) {
    //... fill your table ... 
  });
  sortTable($('table'),'desc');
});

欢迎来到堆栈溢出！这个问题缺乏信息。你能分享你尝试过的东西吗？你遇到了什么问题？它已经更新了！谢谢你的快速评论，你想把它放在什么样的数据库中？Mysql我想你可以在这里看到数据库结构：Mysql不在浏览器中运行。如果要将数据放入其中，则需要在服务器上运行一些东西。但是数据不是已经在数据库中了吗？您正在请求一个本地URL（api.php）。感谢您的快速回答，我认为您是对的！但如何将这些值放入表中呢？正如您在这里看到的，我已经创建了表：但是我要在php中创建一个变量吗？或者，当它是Ajax时，它是如何工作的？首先，您需要一个数据库。例如，它可能是MySQL。然后，您可以通过msqli之类的“助手”发出请求：类似这样：我不太擅长使用Ajax，但如何将表中的值输入数据库？您只需转发“数据”。然后在PHP中，连接到你的数据库。你说的“转发数据”是什么意思？你能举一个简单的例子让我看不懂吗？我以前从未使用过ajax和javascript。