jQuery：从数据库加载ID标签

Question

因此，我有很多名称相同但 ID 不同的单选按钮，并且我不想在页面加载时选择其中的特定一个。所需按钮的 ID 被保存到数据库中。我已经为实际的 ajax 调用尝试过这种解决方案，但可惜它不起作用。

$.ajax({
        type: "POST",
        url: "load_config.php",
        dataType: "json",
        data: dataString,
        success: function(data)
        {
            var buttonID = "#"+data.buttonID; // data.buttonID = "button5"
            $(buttonID).attr("checked", true);
        }
});

而 HTML 部分就是这种方式，除了有更多的按钮：

<input type="radio" id="button1" name="example" value="value1"/>
<input type="radio" id="button2" name="example" value="value2"/>
<input type="radio" id="button3" name="example" value="value3"/>
<input type="radio" id="button4" name="example" value="value4"/>
<input type="radio" id="button5" name="example" value="value5"/>

Answer 1

仔细检查你返回的 JSON，你的整体方法是正确的，你可以在这里测试它： http://jsfiddle. net/nick_craver/KuK3Z/

我敢打赌，你的 data.buttonID 与你想象的不完全一样，或者你的代码没有在里面运行document.ready，如下所示：

$(function() {
  $.ajax({
        type: "POST",
        url: "load_config.php",
        dataType: "json",
        data: dataString,
        success: function(data)
        {
            var buttonID = "#"+data.buttonID; // data.buttonID = "button5"
            $(buttonID).attr("checked", true);
        }
  });
});

如果它没有在 document.ready 中运行，并且您的 AJAX 调用在元素准备就绪之前完成，则 $("# button5") 选择器找不到任何要检查的内容。或者，如果可以的话，最好在渲染页面时在正确的 内渲染 checked="checked" ，并消除完全是 AJAX 调用。

Answer 2

尝试检查你的数据响应：

$(function() {
  $.ajax({
        type: "POST",
        url: "load_config.php",
        dataType: "json",
        data: dataString,
        success: function(data)
        {
            alert(data['buttonID']);
        }
  });
});

如果未定义，请检查你的php或我的最后一个解决方案，否则尝试：

$(function() {
  $.ajax({
        type: "POST",
        url: "load_config.php",
        dataType: "json",
        data: dataString,
        success: function(data)
        {
            $("#"+data['buttonID']).attr("checked",true);
        }
  });
});

我一次将Json返回到jquery时遇到问题，返回的json字符串带有许多斜杠...
如果第一个解决方案给你一个错误，请尝试这个（这将报告从服务器返回的字符串而不解码 json）：

$(function() {
  $.ajax({
        type: "POST",
        url: "load_config.php",
        dataType: "text",
        data: dataString,
        success: function(data)
        {
            alert(data);
        }
  });
});

对不起我的英语。告诉我一些事情如果有效的话...