Php 如何使用ajax和jquery在同一页面上显示多个按钮的输出
我试图在同一页面上显示按钮的输出，在谷歌搜索之后，我意识到使用jquery/ajax方法是可能的。我真正想做的事情可以在这个网站上找到 当我们按下任何按钮时，结果显示在同一页上。我尝试过使用ajax方法，但当我按下任何按钮时，它都会显示文件中的所有项目。我对ajax了解不多，因为我对ajax/jquery比较新。所以我只是根据我的想法调整了我的代码。非常感谢您的帮助。以下是我尝试过的：Php 如何使用ajax和jquery在同一页面上显示多个按钮的输出,php,jquery,ajax,button,Php,Jquery,Ajax,Button,我试图在同一页面上显示按钮的输出，在谷歌搜索之后，我意识到使用jquery/ajax方法是可能的。我真正想做的事情可以在这个网站上找到 当我们按下任何按钮时，结果显示在同一页上。我尝试过使用ajax方法，但当我按下任何按钮时，它都会显示文件中的所有项目。我对ajax了解不多，因为我对ajax/jquery比较新。所以我只是根据我的想法调整了我的代码。非常感谢您的帮助。以下是我尝试过的： <script src="https://ajax.googleapis.com/ajax/libs/j
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({url: "page.txt", success: function(result){
$("#div1").load("page.txt #p1");
$("#div2").load("page.txt #p2");
}});
});
});
</script>
<body>
<button>Button1</button><button>Button2</button>
<div id="div1"><h2></h2></div>
<div id="div2"><h2></h2></div>
</body>
in my page.txt
<p id="p1">Button1 content.</p>
<p id="p2">Button2 content.</p>
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.ajax（{url:page.txt]，成功：函数（结果）{
$（“#div1”）.load（“page.txt#p1”）；
$（“#div2”）.load（“page.txt#p2”）；
}});
});
});
按钮1按钮2
在my page.txt中
按钮1内容
按钮2内容
$（“#a”）。在（'click'，函数（e）{
警报（“dd”）；
$.ajax({
网址：'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js',
async:false，
成功：功能（数据）{
警报（数据）
$（'#aa'）.html（数据）；
}
});
});
获取内容网
该网站上的流程不是ajax。数据加载在几个不可见的选项卡中，当您单击每个按钮时，旧选项卡将不可见，新选项卡将对您可见。那你想做什么呢？您想先使用ajax还是存储数据？谢谢您的快速响应。我不想使用ajax，因为我对它没有足够的知识。你能详细说明一下存储数据是如何工作的吗？我想在第一个方法中使用存储数据来实现这个目的。所以，如果你不想使用ajax，那么它只是简单的jquery选项卡。正是我要找的。。非常感谢@Abolix