Javascript，Ajax和Alert不起作用

Question

我是Java和Ajax的新手，試圖弄清楚為什么我的以下代碼無法正常工作。

<script type="text/javascript">
  $(document).ready(function() {
    $('.cadlib').bind('click', function () {
      $.get("/models/"+this.id+"/viewmodelinfo/", function(data) {
        alert ("yo");  // This line bellow doesn't execute
        if (data.fact_type=="T") {
          guess_result="This fact is true! " + data.fact_note;
        } else {
          alert ("yo");
          guess_result="This fact is false! " + data.fact_note;
        }
        $('#result').replaceWith("guess_result");
      });
   });
});
</script>

這是我的HTML

<a href = "#mySymbolModal" class = "cadlib" id = "{{symbol.id}}" data-toggle="modal" style = "text-align:center; color: #FF761A;" href="/models/{{symbol.id}}/view_model/"><span id = "modelname"> {{symbol.modelname.upper}}</span> - <span id = "format">{{ symbol.format }}</span><span id = "adder" style="visibility:hidden;">{{symbol.adder}}</span><span id = "adderid" style="visibility:hidden;"> {{symbol.adder.id}}</span><span id = "symbolobject" style="visibility:hidden;">{{symbol}}</span></a>

我認為注釋行有問題。 我的警報未實例化。

我是否缺少某些東西會導致警報不起作用？

Answer 1

我猜想它是'this.id'，嘗試在$ .get之前在alert（this.id）上使用，以查看其產生（或不產生）的情況。

我做類似的事情應該會給你的想法

$(".productpicturedelete").on("click", "input[type=button]", function(event){
        var $buttonid = $(this).attr("id");

Answer 2

URL字段中缺少數據源文件名：

$ .get（“ / models /” + this.id +“ / viewmodelinfo / <數據源文件名>”，function（data）{..}）;

Answer 3

<script type="text/javascript">
    $(document).ready(function() {
        $('.cadlib').bind('click', function () {
            data_id = $(this).attr('id'); //add this

            $.get("/models/" + data_id + "/viewmodelinfo/", function(data) {
                alert ("yo");  // This line bellow doesn't execute
                if (data.fact_type=="T") {
                    guess_result="This fact is true! " + data.fact_note;
                } else {
                    alert ("yo");
                    guess_result="This fact is false! " + data.fact_note;
                }
                $('#result').replaceWith("guess_result");
            });
        });
    });
</script>

Answer 4

我幾乎可以確定this.id在這種情況下不存在

$.get("/models/"+this.id+"/viewmodelinfo/", function(data)

this.id支持什么？ 你能解釋一下嗎