CODEWITHSUNDEEP
javascriptphpjquery
TheNotMe
TheNotMe

Reputation: 1058

jQuery post to PHP not working without any errors

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";
?>

Upvotes: 0

Views: 53

Answers (1)

JuanSedano
JuanSedano

Reputation: 1025

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

Upvotes: 1

Related Questions