1

有没有可能将 PHP 脚本回显的 JS 文件缓存到 DIV 等元素的 innerHTML 或 $('#id').html(data) 中？脚本源（js文件）输出到元素后是否会自动保存到访问者的缓存中？？

在视图页面源中可以看到的脚本源属性（js文件/外部）可以保存到访问者的缓存中。但是由于需要AJAX响应而在页面源中看不到的脚本源，例如，它不保存到访问者的缓存。（请稍后查看我的代码/脚本）。

我多次尝试了多种方式，改变JS文件内容，改变alert()里面的值，我基于alert()，然后刷新页面看看会出现什么alert消息，不管我放什么alert()，它显示页面中的确切值，就像没有缓存保存一样。

我正在使用 Google Chrome 浏览器，我找到了一个 ChromeCacheViewer，我看到有http://my_host.com/SendCoins.js?_=13digits_here不同的数字.. 每当我点击相同的<a onclick="FUNCTION(showpage)">，然后缓存历史记录中的另一个缓存文件将被添加http://my_host.com/SendCoins.js?_=another13digits).. 从缓存列表中，文件名是 13 位数字。查看图片：http: //goo.gl/NEpvR9

缓存是一种用于临时存储（缓存）文档或数据的机制，以减少访问时间。

有没有可能？如果有，怎么做？

对不起，我无法清楚地解释清楚，或者我无法解释清楚，但我可以提供我正在解释的例子。

例如 AJAX: (page.js)

 function GoToPage(Page_Post)
  var form_data = {
   Page: Page_Post
  };
  $.ajax({
   type: "POST",
   url: "PAGE.php",
   data: form_data,
   success: function(data)
   {
    $('#PAGE').html(data); // innerHTML
   }
  });
 }

AJAX：（sendcoins.js）

$(document).ready(function() {
 $("form#sendcoins").submit(function() {
  alert("Change this whenever you/visitor have used the GoToPage() and submitted the form"); //We will base on alert if it is really save to cache.
  var form_data = {
   Coins: $('#Coins').val()
  };
  $.ajax({
   type: "POST",
   url: "SendCoins.php",
   data: form_data,
   success: function(data)
   {
    $('#message').html(data); // innerHTML
   }
  });
 });
});

HTML：

<a onclick="GoToPage('SendCoins')">Send Coins</a>
<div id=PAGE></div>

PHP：

<?php
$Page = $_POST[Page];
if( $Page == 'SendCoins' ){
 ......blah.....
 echo '<script type="text/javascript" src="js/SendCoins.js"></script>';
 echo '<img src="images/coin.png">';
 echo '<form id="sendcoins" onsubmit="return false" >
  <input type=number id=Coins> <input> submit .. blah.. blah..
 </form>';
}
?>

所以，源文件被回显到innerHTML后，会被保存到访问者的缓存中。

4

1 回答 1

2

您可以在 ajax 调用中使用缓存参数。默认情况下，缓存属性设置为 false，这就是您在请求中看到这些数字的原因。

例如：

$.ajax({
    type: "POST",
    url: "SendCoins.php",
    data: form_data,
    cache: true, 
    success: function(data)
    {
        $('#message').html(data); // innerHTML
    }
});

有关缓存属性的更多信息，您可以在此处查看。

于 2013-10-30T19:10:37.327 回答