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

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

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

Answer 2

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

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

Answer 3

此代码应该有效：来自jquery doc的引用，请找到它here

<script>

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

</script>

用jquery更改文本并获取请求

3 个答案: