jquery用ajax取得数据的dialog对话框

最新推荐文章于 2021-08-05 13:56:20 发布

梦寻千古

最新推荐文章于 2021-08-05 13:56:20 发布

阅读量3.7k

点赞数

分类专栏： java 文章标签： jquery ajax 对话框

本文链接：https://blog.csdn.net/greecezeus/article/details/14228817

版权

本文详细介绍了如何利用jQuery的AJAX功能从服务器获取数据，并将所获取的数据展示在Dialog对话框中，实现交互式的用户体验。

摘要由CSDN通过智能技术生成

1.usermanage.jsp
<script type="text/javascript">
$(function(){
//对话框样式可以去网上找找，也可以去改jquery的源码
    $('#dialogSelect').dialog({
        autoOpen: false,width: 320,height: 210,modal:true,
        buttons: {
            "关闭": function() { $(this).dialog("close"); } 
        }
    });
    $('#select').click(function(){
            //name是要查看的用户名
            var name=$("table").find("tr").eq(i).find("td").eq(1).html();
            $.post("UserServlet", {
                name : name,
                action: "selectDialog"
            }, function(data, textStatus) {
                if (textStatus == "success") {
                    $("input[name=dianame]").val(data.name);
                    $("input[name=diamsg]").val(data.msg);
                    $("input[name=diaper]").val(data.permission);
                }