если и еще на 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>