獲取JSON數據並顯示在DIV

在我的按鈕點擊我有一個彈出的div和內，我需要表現出與JSON格式獲取JSON數據並顯示在DIV

 <a href='somelink' title='hello'class='details' rel='id'>h1</a>

我彈出的div作爲數據返回的div如下

<div id="popupdiv"> 
</div> 

    <script type="text/javascript"> 
    $(".details").live("click", function() { 
    var id = $(this).attr("rel"); 

    $('#popupdiv').modal(); 
    $.ajax({ 
      type: "GET", 
      contentType: "application/json; charset=utf-8", 

      url: "/mycontroller/details?Id="+ id, 
      data: "", 
      dataType: "json", 
      success: function (data) { //which contains name,email etc how can i append the details on to the "popupdiv" div by inserting in to another div 

      } 
    }); 
    return false;      
    }); 
    </script>

來源

2012-02-07 Sreenath Plakkat

你有什麼問題？使用如：alert（data.name）; – Hadas 2012-02-07 12:08:03

json是怎麼樣的 – Rafay 2012-02-07 12:10:53

沒有顯示alert frnd我需要填寫名稱等等到一個div然後將其添加到父div – 2012-02-07 12:12:57

只需將返回的數據附加到您用作模態的div上。這裏是「名」的例子：

success: function (data) { 
    $('#popupdiv').append(data.name); 
}

如果你想#popupdiv內一個div，使用

success: function (data) { 
    $('#popupdiv').append('<div id="innerPopupDiv"></div>'); 
    $('#innerPopupDiv').append(data.name); 
}

請注意，我在你的JSON採取一種猜測就好像。

來源

2012-02-07 12:10:52

您之前使用過tmpl嗎？

我會使用tmpl將內容呈現到您的div中。

首先創建一個模板

<script id="messageTemplate" type="text/x-jquery-tmpl"> 
<span>${Message}</span> 
</script>

然後在成功函數呈現模板到div。

$("#popupdiv").empty(); 
    $("#messageTemplate").tmpl(results).appendTo("#popupdiv");

然後做一個$（「＃popupdiv」）。dialog（）。

來源

2012-02-07 12:10:39

可以使用getJSON()快捷的$.ajax與dataType:json這樣的：

$.getJSON(url: "/mycontroller/details?Id=" + id, function(data) { 
    var names = []; 
    var emails = []; 
    for (var i = 0, result = data; i < result.length; i++) { 
     names.push(result[i].name); 
     emails.push(result[i].email); 
    } 

    $('#popupdiv').html(names.join('') + '<br />' + email.join('')); 
});

來源

2012-02-07 12:11:05 Sarfraz

其不是數據列表我只是一個客戶端的數據只是數據 – 2012-02-07 12:17:56

@SreenathPlakkat：你應該發佈一個數據外觀的例子。你說的數據包含姓名，電子郵件等 – Sarfraz 2012-02-07 12:20:16

在我的控制器[HTTPGET] 公衆的ActionResult細節（INT編號） { 使用（VAR _session = MvcApplication.SessionFactory.OpenSession（））{ VAR 數據= _session.CreateCriteria （） .Add（Restrictions.Eq（「Id」，Id））。UniqueResult （）; return Json（data，JsonRequestBehavior.AllowGet）; } } where data.name = sreenath; data.url = www.google.com;等 – 2012-02-07 12:31:40

success: function (data) { 
    $("<div>").appendTo("#popupdiv").append(data.name); 
}

來源

2012-02-07 12:13:04 mgraph

thaks所有你的寶貴答案 – 2012-02-07 12:52:53

獲取JSON數據並顯示在DIV

回答

相關問題