Ajax returning Undefined

Question

I put an Else in my php function and it’s falling into Else, but I have parameters to get from the url.

I have the following code in php:

$utm_source = $_REQUEST['utm_source'];
$utm_campaign = $_REQUEST['utm_campaign'];
$utm_medium = $_REQUEST['utm_medium'];
if($utm_source != '' || $utm_campaign != '' || $utm_medium != '')
{
    $x['x'] = $utm_source;
    $x['y'] = $utm_campaign;
    $x['k'] = $utm_medium;
    echo json_encode($x);
}

When I access the file directly through the browser with the parameters ? utm_source=xesquedele&utm_medium=site&utm_Campaign=partners it returns me:

{"x":"xesquedele","y":"parceiros","k":"site"}

But when I try to return it to an ajax it does not return me anything or Undefined.

$j(document).ready(function()
{
    $j.ajax({
        url: '/inchoo_quoteitemrule/ajax/sessiondesconto',
        method: "POST",
        success: function(retorno)
        {
            console.log(retorno);
            alert('utm_medium: '+retorno['k']+' utm_source: '+retorno['x']+' utm_campaign: '+retorno['y']);
        }
    });
});

Return ajax: utm_medium: Undefined utm_source: Undefined utm_campaign: Undefined

Answer 1

The superglobal $_REQUEST returns information from superglobals $_GET, $_POST and $_COOKIE. In your first example you are sending this data via GET, I mean, by the url. And everything worked fine, since the data was being sent. Already in your second example you are not populating any of the 3 superglobals. Your ajax code will work if you order it this way

$j(document).ready(function() {
    $j.ajax({
        url: '/inchoo_quoteitemrule/ajax/sessiondesconto',
        method: "POST",
        data:{utm_source: 'xesquedele',utm_medium:'site',utm_campaign:'parceiros'},
        success: function(retorno) {
            console.log(retorno);
        }
    });
});

Note that I am sending the data in the AJAX request via post. and the data return perfectly.

Remember that your Alert is not working because you are returning a string from your server. You need to turn this string into a Javascript object. To do this you can use the function jQuery.parseJSON(). It would look something like:

$j(document).ready(function() {
    $j.ajax({
        url: '/inchoo_quoteitemrule/ajax/sessiondesconto',
        method: "POST",
        data:{utm_source: 'xesquedele',utm_medium:'site',utm_campaign:'parceiros'},
        success: function(retorno) {
            var obj = jQuery.parseJSON(retorno);
            console.log(retorno);
            alert('utm_medium: '+obj.k+' utm_source: '+obj.x+' utm_campaign: '+obj.y);
        }
    });
});