如何用新数据重新加载php文件中的某个部分?

如何用新数据重新加载php文件中的某个部分?,php,mysql,Php,Mysql,我有一个php文件,它从MySql数据库检索数据并显示它。但是数据库没有更多的数据,比如说100。但在我的php文件中,我计划使用 LIMIT start_value, 6. 然后在底部我有一个包含以下代码的pan <a href="index.html?start_value=start_value+6">1</a> <a href="index.html?start_value=start_value+12">2</a> <a href

我有一个php文件,它从MySql数据库检索数据并显示它。但是数据库没有更多的数据,比如说100。但在我的php文件中,我计划使用

LIMIT start_value, 6.
然后在底部我有一个包含以下代码的pan

<a href="index.html?start_value=start_value+6">1</a>
<a href="index.html?start_value=start_value+12">2</a>
<a href="index.html?start_value=start_value+18">3</a>
<a href="index.html?start_value=start_value+24">4</a>
<a href="index.html?start_value=start_value+30">5</a>
<a href="index.html?start_value=start_value+36">6</a>

所以现在的问题是,如果有人点击整个index.html上面的链接,就会重新加载,这会很烦人。单击任何链接后,只需重新加载特定的DIV,就可以显示数据库中的新数据吗?

您应该研究一下哪种方法可以让您轻松地使用ajax加载内容,因为ajax正是您需要的! PHP是一种服务器端语言,它在服务器上工作,不是动态的,您正在寻找在客户端工作的东西,这就是Javascript。

您应该研究一下它,它允许您轻松地使用ajax加载内容,因为ajax就是您要找的! PHP是一种服务器端语言,它在服务器上工作,不是动态的,您正在寻找在客户端工作的东西,这就是Javascript。

您有两种选择:

  • ,它允许您使用JavaScript从服务器检索数据,然后可以使用JavaScript操作DOM。Ajax的基础是
    XMLHttpRequest
    对象,它允许您在JavaScript中完全在幕后检索数据。请注意,Ajax受到限制,但对于您所描述的,这很好-您将从同一来源加载数据

  • 框架(例如,
    iframe
    元素),您可以通过设置其src属性将内容加载到其中

  • 在这两者中,Ajax更加灵活

    参考/进一步阅读:


    旁注:虽然显然您可以直接使用
    XMLHttpRequest
    和DOM方法,但请注意,存在跨浏览器的差异(以及明显的错误),可以通过一个好的库(如、、或)来消除这些差异。它们还提供了许多有用的实用功能,使您能够专注于您试图解决的实际问题,而不是管道的细节

    例如,以下是如何使用jQuery向服务器发送Ajax请求,并使用服务器返回的HTML片段更新页面上的元素:

    $("#target").load("get_the_data.php", {article: x});
    
    也就是说:从get_the_data.php请求一个HTML片段,并向其发送带有x变量值的参数文章,然后将该HTML片段放入具有HTML id“target”的元素中。如果您不使用库,那么这将是一个很好的10行代码。现在,这并不多,但要反复重复一遍(在这个过程中,处理一个IE bug,通过id查找元素),然后你就会看到它是如何加起来的

    我建议你阅读上面的参考资料,这样你就知道图书馆是如何做的了(这不是魔术),但没有理由不利用人们所做的艰苦工作来简化这些工作


    如果您有一个为myaction服务的页面,例如index.html?start_value=start_value+6,您可以这样做:

    setInterval(myaction, 20000); //every 20 seconds
    
    function myaction() {
      $("#quoteContainer").load("index.html?start_value=start_value+6");
    }
    
    您有两个选择:

  • ,它允许您使用JavaScript从服务器检索数据,然后可以使用JavaScript操作DOM。Ajax的基础是
    XMLHttpRequest
    对象,它允许您在JavaScript中完全在幕后检索数据。请注意,Ajax受到限制,但对于您所描述的,这很好-您将从同一来源加载数据

  • 框架(例如,
    iframe
    元素),您可以通过设置其src属性将内容加载到其中

  • 在这两者中,Ajax更加灵活

    参考/进一步阅读:


    旁注:虽然显然您可以直接使用
    XMLHttpRequest
    和DOM方法,但请注意,存在跨浏览器的差异(以及明显的错误),可以通过一个好的库(如、、或)来消除这些差异。它们还提供了许多有用的实用功能,使您能够专注于您试图解决的实际问题,而不是管道的细节

    例如,以下是如何使用jQuery向服务器发送Ajax请求,并使用服务器返回的HTML片段更新页面上的元素:

    $("#target").load("get_the_data.php", {article: x});
    
    也就是说:从get_the_data.php请求一个HTML片段,并向其发送带有x变量值的参数文章,然后将该HTML片段放入具有HTML id“target”的元素中。如果您不使用库,那么这将是一个很好的10行代码。现在,这并不多,但要反复重复一遍(在这个过程中,处理一个IE bug,通过id查找元素),然后你就会看到它是如何加起来的

    我建议你阅读上面的参考资料,这样你就知道图书馆是如何做的了(这不是魔术),但没有理由不利用人们所做的艰苦工作来简化这些工作


    如果您有一个为myaction服务的页面,例如index.html?start_value=start_value+6,您可以这样做:

    setInterval(myaction, 20000); //every 20 seconds
    
    function myaction() {
      $("#quoteContainer").load("index.html?start_value=start_value+6");
    }
    
    有没有办法在单击任何链接后重新加载特定的DIV来显示数据库中的新数据

    是的,有。您需要使用对象和。一句话:

    最好的方法是使用像or这样的框架

    你可以找到一个例子。在该示例中,您应该将“latest_scores.html”页面替换为另一个页面“latest_scores.php”。php脚本将创建可放置在div中的刷新内容

    有没有办法在单击任何链接后重新加载特定的DIV来显示数据库中的新数据

    是的,有。你需要使用