javascript - jQuery 值未按预期从 ipinfo 分配

Question

我正在使用:

//function to obtain current location, this is used to display relevant contact information
    $.get("http://ipinfo.io", function(response){
        $("#address").html(response.region);//http://jsfiddle.net/zK5FN/2/

        $("input[id=address]").val(response.region);

    }, "jsonp");

获取我的联系页面的当前位置。目的是我可以使用 if address== 来显示各种联系号码等。

此函数更新隐藏字段的值。我已经检查了调试器，它工作正常。

然后我想获取该值，以便我可以使用它，但它始终是空白或空的。

我有

$(document).ready(function(){
            var testLoc = $('#address').val();

            if(testLoc == ""){
                alert("NOES!!!");
            }

        });

我目前已将其放置在头部的同一脚本 block 中，以查看结果是否不同，同样，它始终为空，并且始终返回 NOES 警报。

我认为，通过等待文档加载，我可以确定这些值将被分配/设置。

有人可以提出解决方案吗？我确信有一个简单的修复方法，但它却让我丧命

编辑:HTML

<input type="hidden" name="address" id="address"/>

编辑解决方案:

    <script>
    $(function() {
        $.ajax({url:"http://ipinfo.io",dataType:'jsonp'})
            .success(function(response){
                $("#address").val(response.region);
                $("input[id=address]").val(response.region);


                var testLoc = $('#address').val();
                if(testLoc == ""){
                    alert("NOES!!!");
                }else{
                    alert("jQuery can suck my...")
                }
            });
    });

</script>

Answer 1

我建议将您的 $.get 请求放入 document.ready 函数中。

请注意，一旦 DOM 准备好，ready 函数就会被调用，因此即使 AJAX 在此之前返回，您要填充值的元素也可能还没有准备好。

$(function() { // this is shorthand for $(document).ready(
    $.get({url"http://ipinfo.io",dataType:'jsonp'})
    succsss(function(response){
        // do something with response
    });
});

fiddle :http://jsfiddle.net/v6DBB/