Php variable to javascript with AJAX?

Question

5.00/5 (1 vote)

See more:

Hy how can I get back variable value from PHP , I modified this code:
JavaScript Ajax Post to PHP File XMLHttpRequest Object Return Data Tutorial[

JavaScript

Ajax Post to PHP File XMLHttpRequest Object Return Data Tutorial

]

If I calculate something in PHP...and create array in PHP , how can I pass the value in this JS function/ajax_post()/ what is in the example?

What I have tried:

PHP

my_parse_file.php
<?php 
echo 'Thank you '. $_POST['firstname'] . ' ' . $_POST['lastname'] . ', says the PHP file';
?>

example.html

<html>
<head>
<script>
function ajax_post(){
    // Create our XMLHttpRequest object
    var hr = new XMLHttpRequest();
    // Create some variables we need to send to our PHP file
    var url = "my_parse_file.php";
    var fn = document.getElementById("first_name").value;
    var ln = document.getElementById("last_name").value;
    var vars = "firstname="+fn+"&lastname="+ln;
    hr.open("POST", url, true);
    // Set content type header information for sending url encoded variables in the request
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    // Access the onreadystatechange event for the XMLHttpRequest object
    hr.onreadystatechange = function() {
	    if(hr.readyState == 4 && hr.status == 200) {
		    var return_data = hr.responseText;
			document.getElementById("status").innerHTML = return_data;
	    }
    }
    // Send the data to PHP now... and wait for response to update the status div
    hr.send(vars); // Actually execute the request
    document.getElementById("status").innerHTML = "processing...";
}
</script>
</head>
<body>
<h2>Ajax Post to PHP and Get Return Data</h2>
First Name: <input id="first_name" name="first_name" type="text">  <br><br>
Last Name: <input id="last_name" name="last_name" type="text"> <br><br>
<input name="myBtn" type="submit" value="Submit Data" onclick="ajax_post();"> <br><br>
<div id="status"></div>
</body>
</html>

Posted 22-Oct-16 7:24am

Member 12435531

Updated 7-Sep-19 2:31am

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 22-Oct-16 13:55pm

Where is the issue? Did you debug?

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Suvendu Shekhar Giri · Answer 1 · 2016-10-22T16:36:00

Quote:
how can I get back variable value from PHP , I modified this code:

You can do like

PHP

var data = <?php echo json_encode("42", JSON_HEX_TAG); ?>;

It's hard to understand from your code, where exactly you are trying to access the value from your php code.

There are few other ways available to do this. I would strongly recommend to read following thread in StackOverflow before you go ahead to do the changes in your code.
How to pass variables and data from PHP to JavaScript? - Stack Overflow[^]

Please let me know if your requirement is something else than this.
Hope, it helps :)

AmanPatel04 · Answer 2 · 2019-09-07T02:31:00

index.html

<html>
<head><title></title></head>
<body>

<button onclick="display_data()">view</button>
<div id="show"></div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js">
</script>
<script type="text/javascript" id="display"></script>

<script>
function display_data(){
var s = 1;
    var dataString = 'show=' + s;
$.ajax({

type: "POST",
url: "blog.php",
data: dataString,
success: function(data){

	document.getElementById("display").innerHTML = data;
	replace();
}

});
    
}
</script>
</body>
</html>

blog.php

<?php
if (isset($_POST['show'])) {

	$date = date("d/M/Y");
   echo '
	
		function replace() {
			var d = "'.$date.'";
			document.getElementById("show").innerHTML = d;
			
		}
	';
}
?>

Php variable to javascript with AJAX?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Php variable to javascript with AJAX?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us