Passing jQuery variable to functions.php Wordpress

Question

I'm sending the x jQuery variable to php file.

This is my jQuery with the ajax:

  jQuery(document).ready(function($) {

var x = jQuery('#sbering option:selected').val();
jQuery('#optionvalue').html(x);

  jQuery.ajax({
        url: frontEndAjax.ajaxurl,
        data: {
            'action':'my_ajax_function',
            'id' : x
        },
        success:function(data) {
          console.log(data);
        },
    });
});

This is the function where I'm sending the x variable:

function my_ajax_function() {

  if(isset($_REQUEST['id'])) {
    $aux = $_REQUEST['id'];
    echo "ID: " . $aux;
  }
  var_dump($aux);
...

instead of printing both $aux and var_dump($aux) on screen they're only visible in the console and $aux in php is Null.

Image1 Image2

What am I doing wrong?

have you tried to simply change $_REQUEST['id'] to $_GET['id']? — user2560539
– user2560539, Commented Sep 2, 2017 at 8:38
Your code works fine since you get ID: ... in your console, in case you want to see output on screen try accessing directly the ajaxurl and add to it the proper query parameters since you use GET. In your case this would be ?action=my_ajax_func&id=5 — user2560539
– user2560539, Commented Sep 3, 2017 at 7:55
try to put var_dump inside the if and update your question with the result ;) — saniales
– saniales, Commented Sep 5, 2017 at 5:26
another thing: if you are on wordpress try enable debug mode to sede errors — saniales
– saniales, Commented Sep 9, 2017 at 23:06

saniales · Accepted Answer · 2017-08-31 12:38:12Z

1

the problem is in

$aux = json_decode($_POST['id'])

just use $_POST['id'] only to get the value

and json_encode(...) to submit a response

EDIT: also noticed an error in your post

jQuery.post(aurl, {id: x}, 'json');

Is wrong, because you are missing the complete function or a done() promise handling

Solution 1:

jQuery.post(aurl, {id: x}, function(response) {
    console.log(response); // just an example
}, 'json');

Solution 2:

jQuery.post(aurl, {id: x}, null, 'json');

Solution 3: Using $.ajax (which is equal to jQuery.ajax) as specified in another answer

Some useful URLs:

Ajax : http://api.jquery.com/jquery.ajax/

Post : http://api.jquery.com/jquery.post/

Get : http://api.jquery.com/jquery.get/

edited Aug 31, 2017 at 12:38

answered Aug 31, 2017 at 12:10

saniales

4514 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

deyan4 Over a year ago

I've tried both ways, but I'm getting the same Null value.

saniales Over a year ago

post in the question the var_dump($_POST)

deyan4 Over a year ago

I've tried everything. I've seen that Wordpress treats ajax differently. Could this be my issue?

saniales Over a year ago

as I said, post in the question the var_dump($_POST) and post some code from the server as well

saniales Over a year ago

try to replace var aurl = '/wp-content/themes/twentythirteen-child/functions.php'; with var aurl = 'http://www.ved24.no/wp-content/themes/twentythirteen-child/functions.php';

|

user7064270 · Accepted Answer · 2017-08-31 12:13:00Z

Make an AJAX post to the file like so:

$.ajax({    
    url:'address/to/your/file.php',
    type: 'post',
    data: {'JSON' : JSON},
    done: function(data) {
        // this is for testing
    }
    }).fail (function() {
        alert('error');
    }).always(function(data) {
        alert(data);                                        
        //Loading or animation until you get a response back (if needed)
    });         
});

And Your PHP file should be more like this:

<?php

if(isset($_POST['AJAX'])) {  //Checks if there is a POST request
    $data = $_POST['AJAX'];  //Then Assigns the data in the Post request to $data

    .....

} else {
    echo 'Error: No Data recieved';
}

?>

Collectives™ on Stack Overflow

Passing jQuery variable to functions.php Wordpress

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related