将 PHP 数组传递给 AJAX（成功）函数

Question

我想在 AJAX 调用的成功函数中将一个数组传递给我的 AJAX 函数。这个数组是我的数据库中使用global $wpdb; 的数据，因为这很容易使用而且我知道如何使用。有没有办法将此数组传递给 AJAX 函数？或者有没有办法只在 AJAX 中获取数据？

我在我的脚本标签中得到了这个并且它正在工作：

    jQuery(document).ready(function(){

        jQuery('#date-select').on('change',function(){

        var seldate= jQuery(this).val();


        if(seldate!=''){

            var seldateEdited = seldate.replace("T", " ");

            jQuery.ajax({

                type:'POST',

                url:'http://esr-berlin.de/wp-admin/admin.php?page=einteilung_erstellen',

                data:'var='+seldate,

                success:function(html){

                            var output = '<option value="">Wähle HSR1</option>';

                            jQuery.each(html.data, function(i,s){
                                var newOption = s;

                                output += '<option value="' + newOption + '">' + newOption + '</option>';
                            });

                            jQuery('#hsrPop').empty().append(output);


                     }

            }); 

        }

    });
});

编辑

我忘记了一些重要的事情。对于数组或特别是对于 sql 查询，我需要一个我在 javascript 中拥有的变量。所以我基本上需要另一个 AJAX 调用，对吧？我该怎么做？

Answer 1

您可以在 PHP 文件中对数组进行编码并返回它。它只会向您的 AJAX 函数返回一个字符串

json_encode($array)

https://www.php.net/manual/en/function.json-encode.php

然后就可以用它来转换成Javascript数组进行处理了

JSON.parse(json)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

Answer 2

假设您的服务器端代码（admin.php）类似于：-

$result = array();

//your code here to fetch data dynamically

$result['status'] = True; //based on your conditions optional
$result['data'] = array(0=>"option1",1=>"option2",2=>"option3") ;
echo json_encode($result);

希望这会有所帮助。

jQuery(document).ready(function()
{
        jQuery('#date-select').on('change',function()
        {
            var seldate= jQuery(this).val();
                if(seldate!='')
                {
                    var seldateEdited = seldate.replace("T", " ");
                    jQuery.ajax({
                                        type:'POST',
                                        dataType:'json',         //added to receive json format data
                                        url:'http://esr-berlin.de/wp-admin/admin.php?page=einteilung_erstellen',
                                        data:'var='+seldate,
                                        success:function(html)
                                        {     
                                         //here you can check if html.status is True/False .. optional
                                                var output = '<option value="">Wähle HSR1</option>';
                                                jQuery.each(html.data, function(i,s)
                                                {
                                                    var newOption = s;
                                                    output += '<option value="' + newOption + '">' + newOption + '</option>';
                                                });
                                                jQuery('#hsrPop').empty().append(output);
                                         }

                                }); 

                }

        });
});