javascript - jQuery 发布到 PHP 无法正常工作，没有任何错误

Question

我有一个 jQuery 对话框按钮，在其中我解析所有输入。

我想将这些解析值发送到 php 文件，但是当我单击“确定”时，什么也没有发生，也没有任何错误。

这是我的代码:

$("#dialog").dialog({
            autoOpen: false,
            width: 'auto',
            buttons: [ {
                text: "Ok",
                click: function() {
                    var functionName = $("#txtFunctionName").val();
                    var cassName = $("#txtClassName").val();
                    var classDesc = $("#txtClassDesc").val();
                    var input = $("#txtInput").val();
                    var output = $("#txtOutput").val();


                    /* SEND THE DATA TO addFunc.php */
                    var $dataStr = {'name': functionName,
                                     'input': input,
                                     'output': output,
                                     'class': cassName,
                                     'desc': classDesc};
                    $.post('../php/addFunc.php', 
                                     $data,
                                     function(response){
                                         alert("test");
                                         }

                                     );


                    $( this ).dialog( "close" ); 
                    } 
                }]  
        });

并且 addFunc.php 仅包含一个示例回显来验证正确性，但它不会发出任何警报，这意味着它不起作用:

<?php
echo "Welcome";
?>

Answer 1

将 $dataStr 更改为 dataStr 并在 post 函数中添加正确的 var(dataStr 没有 $data)。

试试这个:

$("#dialog").dialog({
            autoOpen: false,
            width: 'auto',
            buttons: [ {
                text: "Ok",
                click: function() {
                    var functionName = $("#txtFunctionName").val();
                    var cassName = $("#txtClassName").val();
                    var classDesc = $("#txtClassDesc").val();
                    var input = $("#txtInput").val();
                    var output = $("#txtOutput").val();


                    /* SEND THE DATA TO addFunc.php */
                    var dataStr = {'name': functionName,
                                     'input': input,
                                     'output': output,
                                     'class': cassName,
                                     'desc': classDesc};
                    $.post('../php/addFunc.php', 
                                     dataStr,
                                     function(response){
                                         alert("test");
                                         }

                                     );


                    $( this ).dialog( "close" ); 
                    } 
                }]  
        });