jQuery post to PHP not working without any errors

Question

I have a jQuery dialog button, and inside it I parse all the inputs.

I want to send these parsed values to a php file, but when I click "OK" nothing happens -at all-, without any errors.

Here's my code:

$("#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" ); 
                    } 
                }]  
        });

And the addFunc.php contains just a sample echo to verify correctness, but it doesn't alert anything, meaning it didn't work:

<?php
echo "Welcome";
?>

Also, you're sending $data to the php and not $dataStr, which $data is not set. — MiiinimalLogic
– MiiinimalLogic, Commented Dec 6, 2014 at 23:00
No, not a typo, only a typo here and not in the actual code/filename. — TheNotMe
– TheNotMe, Commented Dec 6, 2014 at 23:01
get rid of the single quotes in the identifiers for the array $dataStr — MiiinimalLogic
– MiiinimalLogic, Commented Dec 6, 2014 at 23:03

JuanSedano · Accepted Answer · 2014-12-07 03:53:54Z

Change $dataStr to dataStr and add the correct var (dataStr no $data) in the post function.

Try this:

$("#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" ); 
                    } 
                }]  
        });

Collectives™ on Stack Overflow

jQuery post to PHP not working without any errors

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related