渲染與AJAX調用局部視圖MVC-行動

Question

我有這個AJAX在我的代碼：

$(".dogname").click(function() { 
     var id = $(this).attr("data-id"); 
     alert(id); 
      $.ajax({ 
       url: '/Home/GetSingleDog', 
       dataType: 'html', 
       data: { 
        dogid: id, 

       }, 
       success: function (data) { 
        $('#hidden').html(data); 

       } 
      }); 

    }); 

警報得到正確的值，但AJAX調用不啓動（該方法不會觸發被叫）。

下面是我嘗試打方法：

public ActionResult GetSingleDog(int dogid) 
     { 
      var model = _ef.SingleDog(dogid); 

      if (Request.IsAjaxRequest()) 
      { 
       return PartialView("_dogpartial", model); 
      } 
      else 
      { 
       return null; 
      } 
     } 

有人可以看到我是缺少什麼？謝謝！

Answer 1

你知道這個ajax調用拋出什麼錯誤嗎？ 使用fiddler或其他工具來驗證來自服務器的響應。

嘗試修改你的Ajax調用如下

$.ajax({ 
       url: '/Home/GetSingleDog', 
       dataType: 'string', 
       data: { 
        dogid: id, 

       }, 
       success: function (data) { 
        $('#hidden').html(data); 

       } 
       error: function(x,h,r) 
       { 
        //Verify error 
       } 
      }); 

也可以嘗試

$.get("Home/GetSingleDog",{dogid : id},function(data){ 
$('#hidden').html(data); 
}); 

確認，網址是正確的參數dogid（區分大小寫）是相同控制器的操作方法