Javascript JS和PHP。jsfiddle。如何优化脚本以保存到db并使其处于选中状态？

我从来没有和JS一起工作过，所以我在这里很迷茫

如何使用php将国家和州的值保存到数据库中？ 如何为当前用户在数据库中的值设置中的selected？ 我一直想做，但做不到

---

谢谢

你问的不是一个问题，而是一件容易的事。它是网络技术的101。在提问之前，你应该先读一些文章或上一堂网络课。你没有提出一个具体的问题，所以我很肯定这个问题会被标记为太宽泛

你在你的问题中得到的评论非常准确，而且还有很长的路要走。我也会试着让你开球的。请理解，由于问题太广泛，我们无法提供完整的代码供您复制粘贴并运行。相反，我会给你一些建议，然后你可以自己做一些事情

首先要了解这一点：

服务器和客户端是两个不同的东西。他们都需要交换数据。PHP是服务器端，JS是客户端。 在客户端，您的案例中有一些数据选择框，您希望将这些数据发送到服务器，因为只有服务器可以访问数据库。 在应用程序中用PHP创建一个名为savedata.PHP的页面。一旦获得数据，此页面将负责将数据保存到数据库中。 在应用程序中创建一个名为getdata.php的页面。如果您请求，此页面将负责从数据库获取数据。 然后，您需要在客户端代码中创建两个AJAX函数，即使用javascript将数据发送到savedata.php以保存数据和getdata.php以获取数据。 首先，让我们编写客户端代码：

用标记将选择标记括起来

让我们了解我们在这里所做的工作：

我们已经注册了jquery，以便在加载文档时，它开始侦听表单的提交。提交表单时，我们首先阻止默认行为，使其不会提交请求并刷新页面。 我们告诉ajax方法通过post方法将数据发送到给定的url并发送给定的数据。提交数据后，您的PHP文件将返回一些数据，以确认客户端操作是否成功。这称为回调函数。读一读。太棒了。 现在让我们编写如何获取数据的代码

//get data.
$(document).ready(function() {
    $.ajax({
        method: "POST",
        url: "http://localhost:80/myapp/getdata.php",
        success: function(result) {
            $("#country").val(result['country']);
            $("#state").val(result['state']);
            $("#country2").val(result['country2']);
        }
    });
});

此代码的作用是：

它向给定的URL发送ajax请求，当服务器返回数据时，调用回调函数。服务器将返回包含所有值的数组。在客户端，您只需提取这些值，并通过jQuery在HTML中设置这些值。 现在让我们在服务器端编写代码。既然您没有说您对服务器端代码感到不舒服，我假设您对PHP和数据库很了解。让我们快速浏览这一部分

在savedata.php函数中，捕获数据。您可以使用$\u POST变量执行此操作。e、 g.$_邮政[“国家”]

在getdata.php代码中。例如：

$data = array();
$data['country'] = 1;
$data['state'] = 2;
echo json_encode($data);

---

忘记代码xD只是一个简单的提示-记住，你可以编辑你的帖子来包含更多信息，而不是作为评论发布！让JS发送ajax请求或让JS与HTML表单交互。这非常简单。首先，我建议使用Jquery将请求发送到单独的文件AJAX。然后该文件返回一个JSON编码的项，然后用javascript解码并使用它！：非常感谢您为我提供的信息性帖子：D您知道如何将存储在db中的值自动放入输入中吗？@helpmescript Hi。谢谢你的反馈。我假设您正在询问如何在数据库中标记为selected的下拉列表中自动选择选项。您可以使用jquery$.my selector.attr'selected'，如果您喜欢我的答案，也可以使用true，请通过向上投票支持我的答案，或者让我知道如何改进我的答案。谢谢！对不起，我需要15名代表才能投票：/@helpmescript不用担心，伙计。如果你在其他地方卡住了，请告诉我。快乐编码。

//save data.
$(document).ready(function() {
    $("#country-form").submit(function(event) {
        event.preventDefault();

        $.ajax({
            method: "POST",
            url: "http://localhost:80/myapp/savedata.php",
            data: {
                country: $("#country").val(),
                state: $("#state").val(),
                country2: $("#country2").val()
            }
            success: function(result) {
                alert(result);
            }
        });
    });
});

//get data.
$(document).ready(function() {
    $.ajax({
        method: "POST",
        url: "http://localhost:80/myapp/getdata.php",
        success: function(result) {
            $("#country").val(result['country']);
            $("#state").val(result['state']);
            $("#country2").val(result['country2']);
        }
    });
});

$data = array();
$data['country'] = 1;
$data['state'] = 2;
echo json_encode($data);