更改事件后的jQuery表单字段填充

时间:2013-12-10 22:40:14

标签: javascript jquery

我使用jQuery和一些JSON API编写,以便在选择字段的更改事件时动态获取MySQL数据。然后我用我刚刚获得的数据填充其他表单字段。

以下代码在Safari中运行得非常好,但在Firefox(25.0.1)和Chrome(31.0.1650.63)中都没有。

我没有得到任何错误抛出像Inspector这样的工具。这已经花了我几个小时,有没有人有想法?

<script type="text/javascript" src="https://code.jquery.com/jquery.js"></script>

<script>

$('#day').change(function() {

$.getJSON("http://www.url.com/api/result.json?day=" + $('#day :selected').val() + "&position=" + $('#position :selected').val(),

    function(data){
        $.each(data, function(i,item){
            if (item.field == "time") {
              $("#time").val(item.value);
            }
            else if (item.field == "heading") {
              $("#heading").val(item.value);
            }
            else if (item.field == "description") {
              $("#description").val(item.value);
            }
            else if (item.field == "details") {
              $("#details").val(item.value);
            }
        });
    });

});

</script>

示例JSON响应如下所示:

[{"field":"time","value":"00:00 - 00:00"},{"field":"heading","value":"sample"},{"field":"description","value":"test test test test test test test test test test test test"},{"field":"details","value":"xxx"}]

1 个答案:

答案 0 :(得分:0)

显然,请求的URL必须与Referer在同一个域中(包括子域名,如www)。在Firefox和Chrome中,我打开了url.com并在www.url.com上请求了API。我的错。感谢您的意见!