Json GET未在彈出框中顯示詳細信息

我試圖用Json顯示每個學生的詳細信息，我認爲它不會去ajax部分。Json GET未在彈出框中顯示詳細信息

它顯示了id，當我console.log()他們url，但我得到這個錯誤信息的AJAX部分

我不知道有什麼遺漏或哪裏的問題？

這是我HTML鏈接

@Html.ActionLink("Details", "StudentDetails", new { id = item.ID }, new { @class = "modalDetails", @id = item.ID })

腳本

<script type="text/javascript"> 
    $(function() { 
     $(".modalDetails").click(function (e) { 

      e.preventDefault();   //stop the default action upon click 

      var id = $(this).attr('id'); 
      console.log(id); 
      var url = $(this).attr("href"); 
      console.log(url); 

      $.ajax({ 
       type: 'GET', 
       data: { id: id }, 
       dataType: "json", 
       url: url, 
       success: function (data) { 
        $(".modalDetails").append('<span> First Name: ' + data.firstName + '</span></br>'); 
        console.log("success"); 
       }     
      }); 

      $('#myModal').modal('show');  // show the modal pop up  
     }); 
    }); 
</script>

StudentController

public JsonResult StudentDetails(int id) 
     { 
      Student student = studentRepository.GetStudentByID(id); 

      var json = new{ 
       firstName = student.FirstMidName 
      }; 

      return Json(json, JsonRequestBehavior.AllowGet); 
     }

來源

2017-03-09 Truecolor

不應該你的網址是這樣的http：// localhost：52245/Student/StudentDetails /？id = 23不是這個http：// localhost：52245/Student/StudentDetails/23？id = 23。 –

每事情很好，除了我需要建立解決方案和modal-body的細節append。有時候這只是一個簡單的修復。

來源

2017-03-09 21:42:36 Truecolor

Json GET未在彈出框中顯示詳細信息

回答

相關問題