Passing Jquery Variable To Php On The Same Page?

I know this is a frequent question on Stack Overflow but I couldn't find scenario where the PHP code is just above JS script in the same file. I guess ajax POST/GET won't do the jo

Solution 1:

You will have to use POST/GET to send a JS variable to PHP, because PHP is processed by the server and JS is processed by the client.

I know this isn't what you want to hear.

Solution 2:

This is the wrong approach. The PHP is all parsed / evaluated server side. Later, the users' browser gets to parse / evaluate the javascript. Even if the JS appears before the PHP in your file, the PHP is still evaluated server side before anything is passed to the browser. If you need client side values passed back to the server, you use AJAX for that. You can make decisions on the server side again, and in the response, trigger the JavaScript to take some action based on the decision the PHP made, but you don't get to mix / match client / server actions in a single file like this.

Solution 3:

I don't think there is any way, because javascript runs on your local machine AFTER PHP has been executed and has returned HTML/CSS/JS to your browser.

Solution 4:

I would use AJAX to pass what I need to the server to be processed, then based on the response, using Javascript, make any necessary adjustments. For example:

***PHP File***
<?php$ww = $_POST['data'];
$result = doSomethingWithVariable($ww);
echo$result;

---

***HTMLFile***
<script>
...
var ww = $(window).width();
$.ajax({
    url: 'phpfile.php',
    type: 'POST',
    data: { data : ww },
    success: function (result) {
        doSomethingWithResult(result);
    }
});
</script>

Solution 5:

What I did recently was passing a variable value to the attribute of an element that was dynamically generated by php. Then using the get attr() function of jquery to get the value. Worked perfectly!

PHP part:

foreach ((array)$photos['photos']['photo'] as$photo) {
$Maxcount++;
}

foreach ((array)$photos['photos']['photo'] as$photo) { 
echo"<img imgID='$IDcount' Maxcount='$Maxcount'

jQuery:

var maxCount= $(".imageView").attr("maxCount");