Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/261.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何从同一页面上的不同html页面加载其他内容?_Php_Jquery_Html_Ajax - Fatal编程技术网

Php 如何从同一页面上的不同html页面加载其他内容?

Php 如何从同一页面上的不同html页面加载其他内容?,php,jquery,html,ajax,Php,Jquery,Html,Ajax,我有这个主页,上面有几个按钮。 我想知道如何通过点击按钮将DIV的内容与另一个html页面上的内容联系起来。 任何提示都很好 假设您有一个div,您希望您的内容进入其中 <div id="result"></div> <a href="#" id="other">Click Here</a> 在这种情况下,当用户单击链接时,“ajax/test.html”中的所有html都将与id结果一起发送到div。欢迎使用堆栈溢出!如果你不熟悉FAQ

我有这个主页,上面有几个按钮。 我想知道如何通过点击按钮将DIV的内容与另一个html页面上的内容联系起来。
任何提示都很好

假设您有一个div,您希望您的内容进入其中

<div id="result"></div>    
<a href="#" id="other">Click Here</a>

在这种情况下,当用户单击链接时,“ajax/test.html”中的所有html都将与id结果一起发送到div。

欢迎使用堆栈溢出!如果你不熟悉FAQ,这里的人可能会有点苛刻。您将希望始终:

  • 告诉我们你试过什么
  • 给我们看看你的代码
  • 如果你做了这些事情,你会在这里找到一些令人惊讶的帮助(尽管已经被否决了;)

    要回答您的问题,您需要监视导航元素上的单击并在单击时加载页面。您还需要确保停止按钮的默认操作。所有这些都可以通过以下方式实现:

    $(document).ready(function() {
      $("#target").click(function(e) {
        $('#result').load('file.html');
        e.preventDefault();
      });
    });
    

    其中,
    #target
    是您的特定按钮,
    #result
    是您的file.html加载到的位置(在当前页面上),而
    e.preventDefault()
    阻止您的按钮执行它本来会执行的操作(大多数人将此称为劫持)。

    非常确定Dennis想要另一页面上的
    div
    的内容。虽然他可能想把它放在
    div
    中,但也可以。他还希望它是对按钮单击的响应,而不是在页面加载时。是否有任何方法将按钮与该功能链接?以下是带有按钮的页面中的一些代码://包含按钮消息内容的div需要出现在这里//当您单击此按钮时,其他html页面的内容(名为MessagePage.html)需要加载到“content”div中。那么是否可以实现您为这个问题提供的代码?因为我似乎无法让它工作,或者我看到了一些小东西。
    $(document).ready(function() {
      $("#target").click(function(e) {
        $('#result').load('file.html');
        e.preventDefault();
      });
    });