javascript - 按国家/地区代码隐藏 div

Question

我不是 php 英雄，因此，如果用户不是来自特定国家/地区，我会尝试隐藏一个部分。

所以我这样做了:

$.get("http://ipinfo.io", function (response) {
    $("#country").html(response.country);
}, "jsonp");

<input hidden id="country" type="text" name="country" value="">

这很好用，可以显示国家/地区代码(例如 IT)。现在我尝试获取这个值并插入到 IF

$country = $_GET['country'];
$it = "IT";

<?php if ($country != $it): ?>
    Code to hidden here...
<?php endif; ?>

这里出了什么问题？

Answer 1

改变

$("#country").html(response.country);

至

$("#country").val(response.country);

因为 php $_GET保存值。

而且我看不出这样做的理由:

$it = "IT";
<?php if ($country != $it): ?>

你可以这样做

<?php if ($country != "IT"): ?>

最后但并非最不重要的一点是，您不应该访问 $_GET直接地。最好使用函数filter_input在你的情况下将是 filter_input(INPUT_GET, 'country')

编辑

我不明白隐藏输入的用途是什么。但是，如果您想根据国家/地区显示或隐藏内容，并且使用 ajax 获取国家/地区，则绝对不需要此输入。

您可以在js中完成它，而不是使用php条件( <?php if ($country != "IT")... )。假设您的条件中有一个 div与类content

解决方案

你的 html 看起来或多或少像这样

<div class="content">
    <!-- Your content here -->
</div>

而不是 php 条件。

在 js 中你可以做这样的事情

$.get("http://ipinfo.io", function (response) {
    if (response.country == "IT") {
        $(".content").hide();
    }
}, "jsonp");

那么我们在这里做什么？

我们检查国家/地区代码是否等于“IT”。如果属实，我们将隐藏内容。这与您在 php 中所做的相同(如果国家/地区与 IT 显示内容不同)。

编辑2

您可以将其删除，而不是隐藏该 div

$(".content").remove();