Question

HTML

<input type="text" id="txt" />
<span id="results"></span>

jQuery的：

$(document).ready(function() {
    $('#txt').change(function(){
        var miasto = $("#txt").val();
        $.ajax({
            url: "https://maps.googleapis.com/maps/api/geocode/json?components=locality:" + miasto + "|country:PL&key=AIzaSyB0Yn_8C4os4dRBhEs1nSVXx1TbmolDl3k&sensor=false",
            dataType: "html",
            success: function(data) {
                var zcity = $("#txt").val();
                var json = $.parseJSON(data);
                $('#results').html('<br />City: ' + json.results[0].address_components[0].long_name + '<br />Kraj: ' + json.results[0].address_components[4].short_name + '<br /> Input Value: ' + zcity);

            }
        });
    });
});

使用此代码我需要输入INPUT的值，将URL值设置为“$ .ajax”部分。我做错了什么？当我删除行

var miasto = $("#txt").val();

而不是+ miasto +输入一个单词（例如Warszawa），一切正常，输入#txt的更改事件打印Ajax调用的结果

如何将输入的值输入到jQuery代码中的“url：”值？

Answer 1

您必须输入仅位于PL国家/地区的城市名称所以我建议添加json结果检查以防止零结果错误。

当然，您可以输入城市名称的一些独特部分，例如"warsaz"的{{1}}或"Warszawa"的{{1}}

"biaystk"

JSfiddle Demo

如何将表单字段值放入＆＃34; url＆＃34; getJSON

1 个答案: