带有json的Jquerypopup

我有一个PHP操作，通过它我处理来自AJAX的请求并将其作为JSON传递。在success response中，我应该打开弹出窗口，其中应该包含

JSON

response

$.ajax({
    url: 'http://localhost/feedback/public/index/email/',
    type: 'POST',
    data: {
        emaildata: emailid
    },
    dataType: 'json',
    success: function (data) {
        $('div#pop-up').show();
        $(".closebtn").click(function () {
            $("div#pop-up").css('display', 'none');
        })
    }
});

我的html分区

<div id="pop-up">
    <input type="button" class="closebtn" value="close" />Firstname</br>Lastname</br>EmailId</br>Comments</br>
</div>

你能给我建议一个更好的方式来格式化弹出窗口吗

---

使用更好的JSON数据？

可以使用jQuery更改div的内容。将成功回调的第一行更改为以下内容：

var html = '<input type="button" class="closebtn" value="close"/> ' 
           + data.firstname + '<br/>' + data.lastname + '<br/>' + data.emailid;
$('#pop-up').html(html).show();  

var html=''
+data.firstname+'
'+data.lastname+'
'+data.emailid；
$（'#弹出框'）.html（html.show（）；

因此，您的完全成功回调将如下所示

success: function(data) { 
    var html = '<input type="button" class="closebtn" value="close"/> ' 
           + data.firstname + '<br/>' + data.lastname + '<br/>' + data.emailid;

    $('#pop-up').html(html).show();                       

    $(".closebtn").click(function(){ 
        $("#pop-up").hide();
    });   
}

成功：函数（数据）{
var html=''
+data.firstname+'
'+data.lastname+'
'+data.emailid；
$（'#弹出框'）.html（html.show（）；
$（“.closebtn”）。单击（函数（）{
$（“#弹出框”）.hide（）；
});   
}

我真的很高兴得到这个答案，也非常感谢您。但是data.firstname会弹出一个未定义的弹出窗口。我尝试了data.rows[0].firstname。它不会试图打开弹出窗口如果您在成功回调中执行

控制台.log（data）

，返回的数据是什么样子的？你有任何JS错误吗？代码未经测试，因此我可能遗漏了一些内容。非常抱歉，我是Php新手。我不知道控制台数据的去向。但如果尝试发出警报，它只显示“数据”。我正在使用数组将值从phpcontroller传递到ajax。请帮我解决这个问题？？？@Idsaru

console.log（data）

是JavaScript。如果将其放入成功回调，它将把数据对象写入控制台。该控制台可在浏览器的开发人员工具中使用<例如，code>Ctrl+Shift+J将在Chrome中打开控制台。我需要知道数据看起来是什么样子才能进一步了解。嗨，christofer，现在它对我起作用了。我将data.firstname更改为data.rows[0]。firstname.Then，然后它就起作用了。非常感谢你的帮助

success: function(data) { 
    var html = '<input type="button" class="closebtn" value="close"/> ' 
           + data.firstname + '<br/>' + data.lastname + '<br/>' + data.emailid;

    $('#pop-up').html(html).show();                       

    $(".closebtn").click(function(){ 
        $("#pop-up").hide();
    });   
}