获取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

回答

相关问题