将变量从PHP传输和存储到JS / jQuery的最佳方法

Question

I have various important variables that I need transfering from PHP to JS on the same page load. I am currently storing these variables in DOM element attributes and using jQuery to grab them out.

This works fine, although as some of the information is quite important I would rather this wasn't publicly visible in the DOM and 'hidden from prying eyes'.

So my question is: How to you transfer variables to JS or the DOM from PHP and keep them hidden from sight?

Cheers guys, hope you can help!

Answer 1

use an ajax request on page load. Here is a shell for jQuery:

$(function()
{
    $.ajax("http://yoursite.com/phpscript.php",
        {
            method: "post",
            dataType: "json",
            success: function(data)
                {
                    // do what you will with the data here
                }
        });
});

all information has to be downloaded to the person's computer at some point. You can keep it "hidden" in javascript but the end user can easily use firebug or something similar to view that data.