Javascript 单击按钮时刷新Ajax加载的页面

Javascript 单击按钮时刷新Ajax加载的页面,javascript,jquery,ajax,Javascript,Jquery,Ajax,我通过AJAX在div中加载一个页面。这很有效。 在这个ajax加载页面上有一些按钮(通常使用javascript创建)。当我单击其中一个按钮时,页面将刷新。奇怪的是;没有我说的页面应该刷新的地方。毕竟;这就是我使用ajax的原因 这是在AJAX加载页面上执行的javascript: function buttonClicked(id){ var page = id; photoPage = page*10; if(cur_button < id) {

我通过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/>" );
            }
        }
    }
功能按钮勾选(id){
var page=id;
photoPage=第10页;
if(当前按钮);
executePage();
}
函数createButtons(){
var i=1;
var按钮=”;

while(i按钮正在刷新页面,因为它是一个提交按钮。您需要向按钮添加
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++;
    }
}
函数createButtons(){
var i=1;
var按钮=”;

while(i)您的
buttonClicked()
函数在哪里?我在buttonClicked(data.id)行下添加了event.preventDefault()。仍在刷新。返回false也是如此。当我键入event.preve并让auto complete时,它说不可能自动完成,换句话说,方法未知(?)尝试将type=“button”属性添加到按钮必须检查
createButtons()生成的html
method我想它是在生成提交按钮而不是普通按钮。这很有效!谢谢!我以为默认类型的按钮…应该是按钮。谢谢你的帮助!哈哈,你会这么想的!这只是你需要发现困难的方法之一