How to get a row value from database table to use it in JavaScript / jQuery?

Question

I want to retrieve a row value from database. Since we need serverside to access database we have to use PHP to retrive the value but I am not sure how to use this php in a .js file.

This is what I am trying but it does not work. The reason is simple.. we can not write PHP inside a javascript file.

file.js:

<?php 
$con = mysqli_connect($server, $db_user, $db_pwd, $db_name);
$username = $_SESSION['username'];
$sql = "SELECT * FROM Holders WHERE username='$username'";
$data = mysqli_query($con, $sql);
$row = mysqli_fetch_assoc($data);
$address = $row['address'];
?>

$( document ).ready(function() {
    var addressFrmPHP = "<?= $address; ?>";
    var url = "https://api.examlesite.io/api?module=account&action=bal&add=000000000&address="+addressFrmPHP+"&tag=latest&apikey=APIKEY";
});

How can I assign the php $address variable to javascript addressFrmPHP variable?

Answer 1

You have to create two files as shown below

getdata.php

<?php 
$con = mysqli_connect($server, $db_user, $db_pwd, $db_name);
$username = $_SESSION['username'];
$sql = "SELECT * FROM Holders WHERE username='$username'";
$data = mysqli_query($con, $sql);
$row = mysqli_fetch_assoc($data);
$address = $row['address'];
echo $address;
?>

file.js

$( document ).ready(function() {

    /* AJAX for get data from php page */

    $.post('getdata.php', function(address) {

        var addressFrmPHP = address;
    });

    var url = "https://api.examlesite.io/api?module=account&action=bal&add=000000000&address="+addressFrmPHP+"&tag=latest&apikey=APIKEY";
});

Answer 2

you have to do like this

test.php

<?php 
$con = mysqli_connect($server, $db_user, $db_pwd, $db_name);
$username = $_SESSION['username'];
$sql = "SELECT * FROM Holders WHERE username='$username'";
$data = mysqli_query($con, $sql);
$row = mysqli_fetch_assoc($data);
$address = $row['address'];

echo '<script> var address= '.$address.';</scrpit>';
?>
<script type='text/javascript' src='js/file.js'></script>

file.js

$( document ).ready(function() {
    var addressFrmPHP = address;
    var url = "https://api.examlesite.io/api?module=account&action=bal&add=000000000&address="+addressFrmPHP+"&tag=latest&apikey=APIKEY";
});

Answer 3

Create One file Getdata.php and write the below code:

<?php 
    $con = mysqli_connect($server, $db_user, $db_pwd, $db_name);
    $username = 'nirav4491';
    $sql = "SELECT * FROM Holders WHERE username='$username'";
    $data = mysqli_query($con, $sql);
    $row = mysqli_fetch_assoc($data);
    $address = $row['address'];

?>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="application/javascript">
        $(document).ready(function() {
            var addressFrmPHP = '<?php echo $address; ?>';
            var url = "https://api.examlesite.io/api?module=account&action=bal&add=000000000&address="+addressFrmPHP+"&tag=latest&apikey=APIKEY";
            alert(url);
        });

    </script>
</head>
</html>

How to get a row value from database table to use it in JavaScript / jQuery?

Question

3 answers

solution1
3 ACCPTED 2018-01-04 07:45:35

You have to create two files as shown below

solution2
1 2018-01-04 07:12:14

solution3
1 2018-01-04 08:04:07

How to get a row value from database table to use it in JavaScript / jQuery?

Question

3 answers

solution1 3 ACCPTED 2018-01-04 07:45:35

You have to create two files as shown below

solution2 1 2018-01-04 07:12:14

solution3 1 2018-01-04 08:04:07

solution1
3 ACCPTED 2018-01-04 07:45:35

solution2
1 2018-01-04 07:12:14

solution3
1 2018-01-04 08:04:07