javascript - 选择单选按钮后调用 JSON

Question

编辑:

包含名为 services.json 的 Json 文件:

{
"0": "Dog",
"1": "Cat",
"2": "Pony"
}

HTML:

   <form class="form-horizontal">
                    <div class="form-group" id="radiobuttongroup">
                        <label for="inputservice" class="col-sm-2 control-label">Service</label>
                            <div class="radio">
                                <label>
                                <input type="radio" class="buttondog" name="optionsRadios" id="optionsRadios1" value="Dog">
                                Dog</label>
                            </div>
                        <label for="inputservice" class="col-sm-2 control-label">&nbsp</label>
                            <div class="radio">
                                <label>
                                <input type="radio" class="buttoncat" name="optionsRadios" id="optionsRadios2" value="Cat">
                                Cat</label>
                            </div>
                        <label for="inputservice" class="col-sm-2 control-label">&nbsp</label>
                            <div class="radio">
                                <label>
                                <input type="radio" class="buttonpony" name="optionsRadios" id="optionsRadios3" value="Pony">
                                Pony</label>
                            </div>
                        </div>
                    <span id="displayresults"></span>

Jquery 我正在尝试:

    <script type="text/javascript">
$(document).ready(function() {
     $('.buttondog').click(function(){
        $.ajax({
            url: "services.json",
            dataType: "text",
            success: function(data){
                var json = $.parseJSON(data);
                     $('#displayresults').html(json.dog);
                }
            });
        });
    });
</script>

我尝试了下面的代码，但由于某种原因它不起作用。这似乎删除了很多不相关的脚本，但即使这样也不起作用。然后我打算使用这种方法为每个按钮制作一个脚本。我想要的是，一旦选择了狗单选按钮，跨度中将显示 0，当猫时为 1，当小马为 2 时。

我做错了什么吗？

谢谢

Answer 1

我知道这个话题可能已经死了，但我认为你的问题在于这行 var json = $.parseJSON(data);
$('#displayresults').html(json.dog);您的对象没有属性“dog”，因此您必须像 json[1] 或 json['1'] 那样调用它。