如何在Ajax請求成功時顯示Json數據

Question

這裏我使用Ajax + Mvc從數據庫調用數據庫時使用Json格式，但是如何在div中顯示數據？

的Html

<div id="Div1"> 
    </div> 
    <b>Get data</b><input type="button" id="BtnGetData" value="GetData" /> 

當BtnGetData用戶點擊該數據應顯示在＃Div1構成這裏我Ajax的罰款。
但請建議我在哪裏寫$('#Div1').load();

$('#BtnGetData').click(function() { 
       alert('ok data') 
         $.ajax({ 
          url: '/Home/Getdata', 
         method: "GET", 
         type: "JSON", 
         contentType: 'application/json; charset=utf-8', 
         data: JSON.stringify(),     
        }) 
       }) 

MvcController

public JsonResult Getdata() 
     { 
      var x = Objrepo.GetEmplo(); 
      return new JsonResult { Data = x, JsonRequestBehavior = JsonRequestBehavior.AllowGet }; 
     } 

Answer 1

您可以寫入您的$ .ajax調用成功函數的div。

如：

$('#BtnGetData').click(function() { 
    $.ajax({ 
     url: '/Home/Getdata', 
     method: "GET", 
     type: "JSON", 
     contentType: 'application/json; charset=utf-8', 
     data: JSON.stringify(),  
     success: function (data) {   
      console.log(data); 
     }  
    }) 
}); 

Answer 2

你需要一個成功回調添加到您的AJAX：

$('#BtnGetData').click(function() { 
       alert('ok data') 
         $.ajax({ 
         url: '/Home/Getdata', 
         method: "GET", 
         type: "JSON", 
         contentType: 'application/json; charset=utf-8', 
         success: function(data){ 
          $("#Div1").append(data); 
         } 
        }) 
       }) 

沒有必要將數據屬性添加到阿賈克斯，如果你是不發送任何東西。

Answer 3

可能是，你可以在你的腳本中加入此功能。

 $('#BtnGetData').click(function() { 
        alert('ok data') 
          $.ajax({ 
           url: '/Home/Getdata', 
          method: "GET", 
          type: "JSON", 
          contentType: 'application/json; charset=utf-8', 
          data: JSON.stringify(), 
          writeResponse(data)     
         }) 
        }); 
     writeResponse(data){ 
     $("Div1").html(data); 
};