javascript - 使用 jquery 更改文本并获取请求

Question

我的 javascript/jquery 代码有什么问题？

<%= link_to 'Click', '#', id: 'link' %><span id="new-data"></span>


<script type="text/javascript" charset="utf-8">
  $("#link").click(function(){
    $.get('http://httpbin.org/get', { name: "John", time: "2pm" }).done(function(data) {
            $("#new-data").text(data);
});
});
</script>

Answer 1

此代码应该可以工作：来自 jquery doc 的参考，请在此处找到

<script>

$("#link").click(function() {
 $.get("http://httpbin.org/get", { name: "John", time: "2pm" }, function  (data) {
    $("#new-data").text(data);
  });
}

</script>

Answer 2

问题可能是您使用的是绝对网址。一些浏览器将绝对 URL 视为跨域请求，即使不是。尝试使用相对 URL。

$("#link").click(function(){
    $.get('/get', { name: "John", time: "2pm" }).done(function(data) {
            $("#new-data").text(data);
    });
});

Answer 3

  $(document).on("click","#link",function(){
    $.get('http://httpbin.org/get', { name: "John", time: "2pm" }, function(data) {
            $("#new-data").html(data);
    });
});

保存的响应data必须在立即回调中，而不是在.done()回调中，回调只在成功时执行，根本不包含响应。