Javascript 单击按钮时刷新Ajax加载的页面
我通过AJAX在div中加载一个页面。这很有效。 在这个ajax加载页面上有一些按钮(通常使用javascript创建)。当我单击其中一个按钮时,页面将刷新。奇怪的是;没有我说的页面应该刷新的地方。毕竟;这就是我使用ajax的原因 这是在AJAX加载页面上执行的javascript: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) {
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我想它是在生成提交按钮而不是普通按钮。这很有效!谢谢!我以为默认类型的按钮…应该是按钮。谢谢你的帮助!哈哈,你会这么想的!这只是你需要发现困难的方法之一