Get variable value from PHP file using JQuery/AJAX

Question

I just want to do the simple thing: on click get a variable value from the php file a display it on my page. E.g.

<div class="click" onclick="getMyValue()">Click me</>

<script>
function getMyValue() {
$.ajax({
        type: "POST",
        url: "basket_count.php",
        dataType: "json",
        success: function(res) {
            console.log(res['item_count']);
            console.log("success");
        },
        error: function() {
            console.log("Error");
        }
    });
}
</script>

basket_count.php

$item_count = 3;
echo json_encode($item_count);

Not working though. I'm getting "Error" in my console.log();

UPD: I've tried to add this to error: error: function(err) { console.log(err);}

Below is the message i'm getting:

UPD: Nothing was wrong with the code, the issue was that I was including "header.php" in my php file, so there was some conflict with it. I removed it and it started to work just fine.

Write AJAX code in getMyValue function, I cannot see getMyValue function defined in your code. — Abdullah Shoaib
– Abdullah Shoaib, Commented Feb 21, 2018 at 10:14
can you also try : error: function(res) { console.log(res); } — Nico_
– Nico_, Commented Feb 21, 2018 at 10:22
In your PHP try $result['item_count'] = 3; echo json_encode($result); and in your ajax console.log(res.item_count); — Mickaël Leger
– Mickaël Leger, Commented Feb 21, 2018 at 10:24

Adaleni · Accepted Answer · 2018-02-21 14:47:58Z

1

<div class="click" onclick="getMyValue()">Click me</>

<script>

$.ajax({
        type: "POST",
        url: "basket_count.php",
        dataType: "json",
        data:{get:"item_count"};
        success: function(res) {
            console.log(res.responseText);
            console.log("success");
        },
        error: function() {
            console.log("Error");
        }
    });
</script>

and in php add this :

if($_POST['get']==item_count){
 echo $item_count;
}

answered Feb 21, 2018 at 14:47

Adaleni

9767 silver badges15 bronze badges

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

Comments

Nikul Chauhan · Accepted Answer · 2018-02-21 13:41:12Z

0

There are 2 things here if you need to fetch variable value directly from php file then alert(res); you will get 3 in alert.

You have used echo json_encode($item_count); instead make array with key and pass it to json encode. echo json_encode(array("item_count" => $item_count)); you will get 3 with console.log(res['item_count']);

edited Feb 21, 2018 at 13:41

answered Feb 21, 2018 at 13:21

Nikul Chauhan

214 bronze badges

Collectives™ on Stack Overflow

Get variable value from PHP file using JQuery/AJAX

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related