if and else on jquery

Question

如果还有其他问题，我需要一些帮助。

我不知道该怎么做。

我使用了几个标签，它很有效，但我知道可以通过使用if和else来改进它。

但我不知道在哪里以及如何做。我试过了，但没有成功。

有什么想法吗？？？

<script>
$(document).ready(function () {
$("#but-1").click(function () {
$.ajax({
url: "extra/pageB.html", success: function (result) {
$("#div1").html(result);
}
});
});
});
</script>
<script>
$(document).ready(function () {
$("#but-2").click(function () {
$.ajax({
url: "extra/pageC.html", success: function (result) {
$("#div1").html(result);
}
});
});
});
</script>
<script>
$(document).ready(function () {
$("#but-3").click(function () {
$.ajax({
url: "extra/pageD.html", success: function (result) {
$("#div1").html(result);
}
});
});
});
</script>

Answer 1

您可以在1个函数中定义它。

<button id="but-1" class="btn-action" data-href="extra/pageB.html">Button1</button>
<button id="but-2" class="btn-action" data-href="extra/pageC.html">Button2</button>
<button id="but-3" class="btn-action" data-href="extra/pageD.html">Button3</button>
<script>
$(document).ready(function(){
$(".btn-action").click(function(){
var url = $(this).data("href");
$.ajax({
url: url, 
success: function (result) {
$("#div1").html(result);
}
});
});
});
</script>