个人中心
gpt4 book ai didi

php - 如何多次加载AJAX来分别更改页面(页码)？

转载 作者：行者123 更新时间：2023-11-28 02:09:16 28 4
gpt4 key购买 nike

我有这样的东西：
（忽略代码的丑陋）。

<code><script type="text/javascript">
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4){
        document.getElementsByTagName("html")[0].innerHTML = xmlhttp.responseText;
  }
}

function send(){
    xmlhttp.open("GET","search.php?term=" + "tom" + "&page=1", true);
    xmlhttp.send();
}
</script>
</code>

制作对象，一旦页面加载，然后我单击输入按钮触发“send（）”方法-它不起作用：/
我必须做一个页面，在那里我可以用AJAX动态地改变页面。我有两个按钮
“<<”返回一页
“>>”继续
所以，当我（比方说）加载 index.php时，我希望加载2页（page-1和page+1），所以当我单击其中一个按钮时，它将显示页面内容（而不刷新页面）。
有人能帮我吗？
对不起我的英语。
谢谢您！:)
编辑：当我加载两个AJAX（以获取curPage-1和currentPage+1）时，我如何存储内容以便以后可以访问它们（例如。。提醒，哈哈）。
不，它不起作用，即使是最简单的一个： 
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

function click() {
    $("body").load("search.php");
}

</script>
</head>
<body>
    <input type="button" value="Click Me!" onclick="click()"/>
</body>
</html>

<?php //search.php
    echo "ajax!?";
?>

那么我在这里遗漏了什么？
试图在这里（再次）解释我的问题：我有一个网页，其中有一个（比方说）10个项目的列表。一切都从GET方法开始工作（能够直接从URL；更改参数）。。？page=4&term=20年星球大战）。有一个输入框（用于搜索）和“后退”和“前进”按钮（用于前后移动）。现在它的工作原理如下：寻找一本叫做《星球大战》的书。我将被重定向到同一个页面，然后PHP启动（获取paramaters-$\u GET['page/term']）。…然后我有两个漂亮的变量：page=2 term=“Star Wars”显示第2页的项目。
…当按下“下一页”按钮时，AJAX将加载下一页，页变量递增（page=3）；因此我从第3页获取内容（整个HTML），然后显示数据，替换body元素或其他内容。。。
现在，这只是一个介绍，问题是：如何在需要单击按钮之前进行两次AJAX调用（在body中添加onload？）。然后如何存储2页的内容（第2页和第4页的内容；当当前页为3时）和
当我真的点击按钮，我就不必等待页面加载（虽然页面从不刷新），我可以得到数据的即时性。
页面加载时间很长（+3秒），因为我正在使用外部API来显示项目。
希望我说得通。。
很抱歉有点奇怪的消息（在发布之前，一切看起来都很好，哈哈）当然还有我的英语语法。
当做
编辑：
不，它不起作用，即使是最简单的一个： 
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

function click() {
    $("body").load("search.php");
}

</script>
</head>
<body>
    <input type="button" value="Click Me!" onclick="click()"/>
</body>
</html>

<?php //search.php
    echo "ajax!?";
?>

那么我在这里遗漏了什么？
试图在这里（再次）解释我的问题：我有一个网页，其中有一个（比方说）10个项目的列表。一切都从GET方法开始工作（能够直接从URL；更改参数）。。？page=4&term=20年星球大战）。有一个输入框（用于搜索）和“后退”和“前进”按钮（用于前后移动）。现在它的工作原理如下：寻找一本叫做《星球大战》的书。我将被重定向到同一个页面，然后PHP启动（获取paramaters-$\u GET['page/term']）。…然后我有两个漂亮的变量：page=2 term=“Star Wars”显示第2页的项目。
…当按下“下一页”按钮时，AJAX将加载下一页，页变量递增（page=3）；因此我从第3页获取内容（整个HTML），然后显示数据，替换body元素或其他内容。。。
现在，这只是一个介绍，问题是：如何在需要单击按钮之前进行两次AJAX调用（在body中添加onload？）。然后如何存储2页的内容（第2页和第4页的内容；当当前页为3时）和
当我真的点击按钮，我就不必等待页面加载（虽然页面从不刷新），我可以得到数据的即时性。
页面加载时间很长（+3秒），因为我正在使用外部API来显示项目。
希望我说得通。。
很抱歉有点奇怪的消息（在发布之前，一切看起来都很好，哈哈）当然还有我的英语语法。
当做

最佳答案

我建议使用一个JavaScript框架，如jQuery，以减轻一些Ajax的复杂性。
使用jQuery，您可以执行以下操作：

<!-- index.html -->
<html>
  <head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
      function click() {
        $("body").load("search.php?term=" + "tom" + "&page=1");
      }
    </script>
  </head>
  <body>
    <input type="button" value="Click Me!" onclick="click()"/>
  </body>
</html>

使用search.php： 
<?php
// search.php
echo "<b>This is loaded by ajax!</b>";

希望这能让你走上正轨。

关于php - 如何多次加载AJAX来分别更改页面(页码)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9377188/

28 4 0
文章推荐： jquery - 在动态生成的元素上使用灯箱
文章推荐： javascript - 添加 "progid:DXImageTransform.Microsoft"使文本模糊
文章推荐： html - 使用 XSLT 将 XML 转换为 HTML
文章推荐： HTML5 Websockets - 这会让我与主机通信吗？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com