如何使用.load()

时间:2018-08-04 17:49:49

标签: javascript jquery html

index.php

<script>
  var example = 1;
  $("#example-div").load("external.php");
</script>

<div id="example-div"></div>


external.php

<script>$("example-div").innerHTML("BlaBla " + example);</script>

嗨,

我目前正在使用JQuery的load()函数将另一个文件的内容加载到我的index.php中,例如仅在需要时才加载图像。 现在,我正在使用在index.php中定义的数据库连接。现在,当我加载外部内容时,尽管现在加载的代码是index.php的一部分,但我加载的代码现在还不是我先前在index.php中定义的所有变量。

有没有办法让加载的内容现在包含所有以前的内容?

谢谢大家!

3 个答案:

答案 0 :(得分:0)

您要使用会话cookie将数据保存在php中,对于javascript,您要使用cookie然后使用cookie并会话任何页面


对于php https://www.w3schools.com/php/php_sessions.asp

https://www.w3schools.com/php/php_cookies.asp


对于javascript https://www.w3schools.com/js/js_cookies.asp

答案 1 :(得分:0)

jQuery会在加载完成时执行一些回调函数,您可以在此回调函数中执行external.php中的脚本,因为在您的函数将被执行的那一刻,内容就在DOM中并且应该可以正常工作。

    var example = 1;
    $("#example-div").load("external.php", function() {
      $("#example-div").innerHTML("BlaBla " + example);
    });

使用加载页面中的脚本执行当前文档中的某些任务对我来说有点奇怪。

答案 2 :(得分:0)

我不知道您要做什么。但是您的代码可以正常工作,只是一些小错误。请按以下步骤操作-

index.php

<div id="example-div"></div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
  var example = 1;
  $("#example-div").load("external.php");
</script>

external.php

<script>$("#example-div").html("BlaBla " + example);</script>

这给出了输出

BlaBla 1