нагрузки HTML внутри DIV с помощью AJAX

Question

я есть bone.php и forum.php

я хочу, чтобы отправить данные в forum.php из bone.php, когда я нажимаю #result через AJAX

forum.php получает данные и делает свою работу внутри сервера и создает HTML страница

Я хочу это HTML страница внутри bone.php #result.

Возможно ли это?

Я написал коды как это.

$.ajax({ 

url: "forum.php", 
data: 'webpage_id='+webpage_id , 
success: function() { 
    $('#result').load("forum.php"); 
}, 
error: function(xhr, status, errorThrown) { 
    alert("Sorry, there was a problem!"); 
    console.log("Error: " + errorThrown); 
    console.log("Status: " + status); 
    console.dir(xhr); 
}, 

}) 

Я получаю эту почту Undefined index: webpage_id in \forum.php on line 15. Однако я отправляю данные. В чем может быть проблема?

Что еще более интересно, не дает никаких гарантий и загружает forum.php правильно. Он просто не видит данные.

Answer 1

Вы выполняете запрос дважды, когда вы делаете $('#result').load("forum.php"); в блоке успеха, вы фактически выполняете запрос во второй раз. Вы можете сделать это:

$('#result').load("forum.php?webpage_id=" + webpage_id); 

Или вы можете сделать это:

$.ajax({ 

url: "forum.php", 
data: 'webpage_id='+webpage_id , 
success: function(data) { 
    $('#result').html(data); 
}, 
error: function(xhr, status, errorThrown) { 
    alert("Sorry, there was a problem!"); 
    console.log("Error: " + errorThrown); 
    console.log("Status: " + status); 
    console.dir(xhr); 
}, 

}) 

Answer 2

Начнем с того,

$('#result').load("forum.php");

это вызов Ajax сам по себе.

$.ajax({ 

url: "forum.php", 
success: function(data) { 
    $('#result').html(data); 
}); 

Эквивалент этому.

Answer 3

Попробуйте

$.ajax({ 
    url: "forum.php", 
    data: 'webpage_id='+webpage_id , 
    success: function(response) { 
     $('#result').html(response); 
    }, 
    error: function(xhr, status, errorThrown) { 
     alert("Sorry, there was a problem!"); 
     console.log("Error: " + errorThrown); 
     console.log("Status: " + status); 
     console.dir(xhr); 
    } 
});