單擊按鈕時刷新Ajax加載的頁面

Question

我通過AJAX在div中加載頁面。 這很好。 在此ajax加載頁面上，有一些按鈕（通常使用javascript創建）。 當我單擊這些按鈕之一時，頁面將刷新。 奇怪的是； 不，在我說過的頁面應該刷新的地方。 畢竟; 這就是為什么我使用ajax。

這是在AJAX加載頁面上執行的javascript：

function buttonClicked(id){
    var page = id;
    photoPage = page*10;
    if(cur_button < id)
    {
        minCount += 10;
        maxCount += 10;
    }
    else
    {
        minCount -= 10;
        maxCount -= 10;
    }
    cur_button = id;
    jQuery("#imagesDiv").html("");
    $( "#imagesDiv" ).append( " <br/>");
    executePage();
}
function createButtons() {
    var i = 1;
    var button = "";
    while(i <= photoCount)
    {
        var button = document.createElement("BUTTON");
        var buttonName = document.createTextNode(i);
        button.appendChild(buttonName);
        button.id = i;
        jQuery(button).bind('click', { id: i}, function(event) {
            var data = event.data;
            buttonClicked(data.id);
        });
        imagesDivJS.appendChild(button);
        i++;
    }
}
function executePage()
{
    setImagesDivID();
    createButtons();
    $( ids ).append( " <br/>");
    populateDiv();
}
    function populateDiv() {
        for(var i = minCount;i < maxCount; i++)
        {
            if(i < total_count)
            {
                create_image("../"+photos[i],photoAlts[i]);
                $("#"+ids).append( "<p style=\"display:inline; padding-left:10px;\">" + photoTags[i] + "</p><br/>" );
            }
        }
    }

幫助將不勝感激。 我一直在為這件事而煩惱！

Answer 1

該按鈕正在刷新頁面，因為它是一個提交按鈕。 您需要向type="button"添加type="button"的屬性。 例如：

function createButtons() {
    var i = 1;
    var button = "";
    while(i <= photoCount)
    {
        var button = document.createElement("BUTTON");
        var buttonName = document.createTextNode(i);
        button.appendChild(buttonName);
        button.id = i;

        // Add type="button"
        button.setAttribute("type", "button");

        jQuery(button).bind('click', { id: i}, function(event) {
            var data = event.data;
            buttonClicked(data.id);
        });
        imagesDivJS.appendChild(button);
        i++;
    }
}