如何用jQuery这样的方式将load（）加载到jQuery中？

Question

UPDATE AT BOTTOM I am used to using a selector that involves an id or class, so not even sure this is possible at least the function I am thinking. I have a separate file called replist.html that I hold data in a one-to-one relationship like this (partial list of 35,000 lines)...

'Illinois': 'joesmoe',
'Nevada': 'messytess',
<!-- start of new zip codes -->
'01001': 'julsguls',
'01002': 'julsguls',

I initially pulled the file into page I am using script on with an include_once(), but now am working on modifications to alter for Mobile devices and their handling of location detection (I am converting IP to zip). Because of the nature, I am looking to access data through client-side script over the PHP. Here is what I have so far...

<script>
...
<?php
if(!(($detect->isMobile()))) {  ?>
            var reps = {
            <?php include_once('repList.html'); ?>
            };
 <?php
}
else { ?>
    <!-- custom mobile location detection here --> 
    reps = {***would like to get load() here***}; 
<?php } ?>
...
</script>

...the else I am looking to add mobile location detection script, then load() my repList.html file.

I have simplified the else to just focus on how to get my load() in there. If anyone has a better jQuery, other JavaScript library or any client side solution I am open. The script I plan to use pre-this process is client side and why I can not use PHP as I was using.

I believe I will keep the PHP and go with...

var reps_load = {<?php include_once('repList.html'); ?>};

<?php
if(!(($detect->isMobile()))) {  ?>
    var reps = reps_load;
 <?php
}
else {
...

Answer 1

According to the manual load() does:

Load data from the server and place the returned HTML into the matched element.

So that cannot assign anything to your javascript variable.

You could json_encode the data server-side and use jQuery.getJSON() instead, assigning the returned value to your variable in the callback function.

But you would call another php file that in turn reads your data and prepares it.

Something like:

else
{
?>
  <!-- custom mobile location detection here -->
  var reps;
  $.getJSON('script_that_returns_data_as_json.php', function(data) {
    reps = data;
    // you might need to process it to get it the form you want...
  });
<?php
}
?>

Answer 2

This method uses only plain javascript, but it works even across sites in case your data is on a different domain. You can prepend a file with the data included as JSON or javascript variables

var script=document.createElement("script");
script.src="your_url.js"
var head = document.getElementsByTagName('head')[0]
head.insertBefore(script,head.firstChild)

and then your data file could look something like:

items=[
{"state":"Illinois","name":"joesmoe"},
{"zip":"01001", "value":"julsquls"}
];

which can be accessed by:

for (var i=0;i<items.length;i++){
    if(items[i].state) /*state stuff*/;
    if(items[i].zip) /*zip stuff*/;
}