php function - js function - WebDeveloper.com Forums

php function - js function

buds

Hi, I am a new learner in web & got into this problem.. i need help, please.
I have HTML, JS, PHP on each different files and I cannot call php function from its page in javascript function from another file
I am hoping for a simple code solution, I am still lost in ajax, and a beginner with html, js, php & css
Please help, thank you.

<html> //from htmlfile.html
<head>
<?php include("phpfile.php"); ?>
</head>

<body>
<p id="demo">"Results appear here"<p>
<button onclick="jsfunct()">"Click Here"</button>

<script src="javascriptfile.js"></script>
</body>
</html>

<script> //from javascriptfile.js
function jsfunct() {
var jsvar='<?php echo "phpfunct();" ?>';
document.getElementByID("demo").innerHTML = jsvar;    
}
</script>

<?php //from phpfile.php
function phpfunct() {
    $phpvar="This is from PHP function";
    return $phpvar;
}
?>

tracknut

Unfortunately, despite that valiant attempt, you're just not going to be able to do that. Keep in mind, PHP is running on the web server (only), totally out of context of your browser. Javascript is running within your browser, on your local machine. You can't just "call a function" on another machine.

This is why AJAX exists, as a JS component to create a network packet out of your request, send it to the server, and run a piece of PHP code to receive that packet, act on it, and (maybe) return a packet back to the client.

buds

Thank you Mr. TrackNut, I am thinking of that now, to learn the AJAX, but i don't see how to call the phpfunction in AJAX, i see the URL and that is fine, can you tell me how to call the function inside the AJAX? t hank you again, have a nice day & stay safe....

buds

i have seen the JQuery Ajax and little by little I understood the flow of codes..
this is from w3schools.com..

$.ajax({url: "demo_test.txt", success: function(result){
$("#div1").html(result);
}});

my main concern is to call the php function to do the SQL - INSERT INTO, with the data being passed by thru $_SESSION

tracknut

buds by the way, the more ""normal" way to update your database would be via a Submit type button, that does a POST back to the server with your data. I presume you've looked into that and ruled it out?

https://developer.mozilla.org/en-US/docs/Learn/Forms/Sending_and_retrieving_form_data

Sempervivum

As you intend to execute some PHP you need to hand over the PHP file to your ajax call:

$.ajax({
    url: "your-php-file.php",
    success: function(result){
        $("#div1").html(result);
    }
});

buds

Sempervivum
Thank you for your kindest help, I appreciated your time. I found something, what I did was to combine in the same file the html & the javascript, inline as they say, it works in calling the php function from a javascript function, now another problem aroused, the $_SESSION to store the variable from javascript is not working

<?php $_SESSION['phpvar'] = "<script> document.writein(jsvar); </script>"; ?>

I am working on a table created from javascript, to save the data with php codes, and in vice versa, I want to populate the data with php codes to javascript tables

Have a nice day & stay safe. Thank you again.

buds

tracknut
Thank you also, very very thankful I am to you to your kindest help.

buds

Hello here, nice & smart people, I am back with related problem above, but a little improved codes... i guessed hehe
below is my ajax.

}
</script>

on seprate file - receiveddatafromjs.php
<?php
print_r($_POST['varobj']);
?>
The problem now is the "VAROBJ" is undefined.

with print_r($_POST);
it does fine as the console.log says... [varobj] => {"amount":"100","receiptno":"12345"}

Could you please lend a hand in finding what is wrong or missing with mmy codes. Again, thank you so much to all that has helped me before, and will hell me today.
Have a nice day & always stay safe.

Sempervivum

For me your code is working fine. However varobj in $_POST is a string which is JSON coded. In order to access the members inside you would habe to decode this string:

$varobj = json_decode($_POST['varobj']);
$amount = $varobj->amount;

But why make things that complex? Simply hand over your javascript variable varobj to $.ajax:

$.ajax({
    url: "receiveddatafromjs.php",
    type: "POST",
    data: { varobj : varobj},
    success: function(res) {
        console.log(res);
    }
});

Doing so you will be able to access amount and receiptno directly in $_POST

BTW: Please continue using code tags when posting code. Your first post was fine.

buds

Hello there Sempervivum, thank you for giving some time to my codes, well the latest i did was as below

<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src = "jquery-3.6.0.js"></script>
</head>
<body>
<button onclick="jsonfunct()">CLICK HERE</button>

console.log(varobj);

$.ajax({
url: "receiveddatafromjs.php",
type: "POST",
data: { data: JSON.stringify(varobj)},
success: function(res);
console.log(res);
}
})
}
</script>
</body>
</html>

On separate file - receiveddatafromjs.php
<?php
$jsdata = json_decode($_POST['data']);
print_r($jsdata);
print_r($jsdata->name);
$jsname = ($jsdata->name);
echo $jsname;
?>
This works fine in the console.log() but...

May I correct my problem line I wrote before, it is ""UNDEFINED INDEX" ()so sorry for the first i have written before) which i think that php do not recognized the variable sent to his page thru json/ ajax, anyways...

I used the JSON.stringify() & the jason_decode() because the passed variable is in js objec, and need some conversion, i guess...

NogDog

buds Please use this forum's [code]...[/code] tags around your code blocks, in order to help others help you.

Sempervivum

You are adding only amount and receiptno to your data but in the PHP you are accessing name in jsdata.

buds

Sempervivum
Hello there & sorry for sending wrong codes here, I just paste it all from files, I haven't checked it, my apologies, but anyways... it has been solved with some trial & error, & was moving on to the next code, or should I say another problem hahaha, yes I am getting data from javascript & will use it with php to insert into a database in php basic way.

<?php

  if(isset($_POST['data'])) {   //to avoid having an error msg of undefined index
      $jsdata = json_decode($_POST['data']);
  

  $amount = ($jsdata->amount);
  $receiptno = ($jsdata->receiptno);
  $receipttime = ($jsdata->receipttime);

include("connection.php");

  if (isset($_SESSION['member_info']['member_id'])) { //to check if member is actively logged
    $mID = $_SESSION['member_info']['member_id'];
    $mreceiptdate=date("Y/m/d"); //php date
    $mreceipttime = $receipttime;
    $mreceiptno= $receiptno;
    $mamount = $amount;

$mReceiptHistQry = "INSERT INTO memberReceipthistory (member_id, receiptdate, receipttime, receiptno, amount) 
   VALUES ('$mID','$mreceiptdate','$mreceiptime','$mreceiptno','$mamount')";

    mysqli_query($conn, $memberReceipthistory ) or die("ErrorInsertConnection1");
  }
}

?>

Now, a new problem arises, at first, I can see data been saved in xampp, but as I do some more test, it stops inserting datas, was the chrome browser has something to do with it? As I have noticed, when I changed some thing with my codes, I need to go to the settings of the browser to clear history/cache/password etc.

Thank you so much for sharing your time & with my headaches hehe
Stay safe & healthy, again, thank you.

buds

NogDog
Noted & thank you, keep safe!!!

Sempervivum

buds The slash was missing in your closing [/code], I inserted it.

Sempervivum

As I have noticed, when I changed some thing with my codes, I need to go to the settings of the browser to clear history/cache/password etc.

This issue is occuring frequently, apparently the browser caches the response of the ajax request. Try adding a timestamp to the URL:

$.ajax({
    url: "receiveddatafromjs.php?t=" + Date.now(),
    type: "POST",
    data: { data: JSON.stringify(varobj)},
    success: function(res);
        console.log(res);
    }
});

buds

Sempervivum
A good day to you Mr Sempervivum, hope you are in good health today & always, and thank you for spending some of your time helping me in my coding problems. below is the actual codes i am working in...

<script> //from a script file
function jsonfunct(){
	var	betsinfo = {};
	betsinfo.amtbet = xamtbet; //variable xamtbet from input tag
	betsinfo.fightno = yfightno; //variable yfightno from span tag
	betsinfo.fighttime = document.getElementById('digiClock').innerHTML;
	console.log(betsinfo);

$.ajax({
	url: "fight_vue_validation.php" + Date.now(),
	type: "POST",
	data: { betsinfo : JSON.stringify(betsinfo)},
	success: function(res) {
		console.log(res);
	}
})
</script>

<?php //from a php file
include("connection.php");

$jsdata = isset($_POST['betsinfo']) ? json_decode($_POST['betsinfo']) : ""; //isset is used to avoid the error message UNDEFINED INDEX
print_r($jsdata);
    $mfightdate=date("Y/m/d");
    $mfighttime = isset($jsdata->fighttime) ? $jsdata->fighttime : "";
    $mfightno= isset($jsdata->fightno) ? $jsdata->fightno : "";
    $mbetamtmeron = isset($jsdata->amtbet) ? $jsdata->amtbet : "";;
    $mbetamtwala = 0;
    $mwinside = "meron";
    $mbetamtwin = 240;
    $mID = $_SESSION['member_info']['member_id'];

$mBetVueHistqry = "INSERT INTO memberbethistory (member_id, fightbetdate, fightbettime, fightno, betamtmeron, betamtwala, winside, betamtwin) 
    VALUES ('$mID','$mfightdate','$mfighttime','$mfightno','$mbetamtmeron','$mbetamtwala','$mwinside','$mbetamtwin')";
mysqli_query($conn, $mBetVueHistqry) or die("Connection error");

?>

Now, a new problem arises, or there may be an error in my codings that causes it.
The $_SESSION[''][''] becomes invisible or unaccessible, as the error message says ... "UNDEFINED VARIABLE"

When at first load of the page, the $SESSION appears/saved in the database, automatically (even the jsonfunct() is not clicked), but after I clicked the jsonfunct(), the $SESSION disappears/not saved in the database
The other variables that was defined in php are not affected by json.

Also, how it is that the data have been saved in the database even if the jsfunct() is not yet been clicked, even i clicked the browser "refresh", the data is automatically been saved?

Thank you again, for your answers and patience. Be safe always!!!

Sempervivum

Hi buds, first of all IMO there is an error at this line:
url: "fight_vue_validation.php" + Date.now(),
I'm afraid that the ajax call won't work this way. You have to add the time as an URL parameter like this:
url: "fight_vue_validation.php?t=" + Date.now(),

Regarding the $_SESSION issue: In your latest code I can't find a call of session_start?

buds

Sempervivum
Hi, the session_starts() was on the html file/index.file, the php file & javascript file are all connected with the html file/index.file, also a message appears saying that It was already exists when I tried to write the session_start() in php file.

I cannot use the <input type="hidden"> element as the $_SESSION I need is an actual ID by a member, for a security reasons.

Every time I opened the index.file (html file), the $SESSION has its value, I can see it inserted in the database, but when I called the jsonfunct() & all the data data from json goes to php filel, the $SESSION value disappears

Also, I noticed that every time I open the index.file/html.file it goes on automatic saving/inserting the data in the database, together with the $_SESSION value, even when I just click the browsers' REFRESH, the same thing happens