如何在 jquery 警报消息中显示 table

Question

现在我正在借助 PHP、MySql 和 JQuery 创建 CRM。在这个项目中，我创建了一个客户注册表。在此注册表单中，当用户按下按钮时，表单值为 post 到另一个页面而不刷新页面。我在 JQuery ajex 概念的帮助下完成了这一部分。成功将数据插入数据库后，插入的数据将被带回 jquery，此处数据将显示为弹出窗口，警报消息将插入的数据显示为 table 格式。

$.post(
                "customer.php",
                {
                    customer: "Insert",
                    f_name: "First_name",
                    m_name: "Middle_name",
                    l_name: "Last_name",
                    date: "Create_date",
                    phone: "Phone_number",
                    phone_alt: "Alternate_phone_no",
                    street_no: "street_no",
                    street_name: "Street_name",
                    zipcode: "zipcode",
                    city: "city",
                    state: "state",
                    country: "country",
                    email: "email",
                    email_alt: "Alternate_email"
                },
        function (data) {
            //alert(data);
            if (data == "<h1>Customer Data Successfully Inserted Into Database.</h1>")                    {                    
            } else {
                alert(data);
            }
        }
        );

Blockquote

现在我有两个问题。 1> 如何从php到jquery取多个值？和 2>如何在提示消息中显示table？

Answer 1

Jquery Script
--------------
<script>
  $(function() {
     $( "#dialog-message" ).dialog({
      modal: true,
  buttons: {
    Ok: function() {
      $( this ).dialog( "close" );
    }
  }
});
});
</script>

HTML Alert Div
---------------
<div id="dialog" title="Basic dialog">
    <h1>Customer Data Successfully Inserted Into Database.</h1>
</div>

Answer 2

一般来说，alert() 无法解释 html 代码，但它确实支持转义的 unicode 字符，因此您可以发挥一些创意。前段时间在这里回答过，也许它可以帮助你更接近一点：

HTML Tags in Javascript Alert() method

Answer 3

不完全明白你的意思，但我认为：

1: How to fetch more than one value from php to jQuery

据推测，您正在调用一个 PHP 函数来插入数据和 return 一些东西。如果你想return几个变量到jQuery，你可以把你想要的所有东西都保存在一个数组中然后return它。它只会显示在您的 AJAX 调用中的 "data" 中。

所以不要做这样的事情：

return $username;

你应该这样做

$dataArray = array('username' => 'John Doe', 'age' => 23);
return $dataArray;

这样，您存储在数组中的所有内容都将 return 编辑到您的 jQuery。

2: 如何在警报消息中将这些值显示为 table 格式？

这实际上只是从您的 returned 数据数组中选择适当的值并将它们放入您想要的标记中的问题。要查看您的数据结构，请将其放入您的 AJAX 调用中：

complete: function(data){
    console.log(data);   
}

然后打开您的 JavaScript 控制台（只是 Google 如何在您使用的浏览器中打开 JavaScript 控制台）。它会显示根据您的请求 return 编辑的数据。

编辑：只想补充一点：如果您确实想要在 alert() 框中添加 table 标记，那是不可能的。最好只制作一个带有您自己的标记或其他内容的 jQuery 弹出框。

如何在 jquery 警报消息中显示 table

How to show a table in jquery alert message

php

jquery