Изменить предварительно загруженный контент [AJAX]

Question

Мои файлы: signup.php, form.php, success.php, failure.php.

В signup.php есть область <div id="myarea"></div>.Внутри этого блока я загружаю form.php по умолчанию через <?php include ("form.php"); ?>.

Теперь я хочу показать success.php или failure.php, была ли регистрация успешной или нет.

Мой вопрос: Как я могу заменить содержимое / загруженный файл в myarea?(До сих пор я не писал файл, в который отправляются данные формы.)

РЕДАКТИРОВАТЬ: Я новичок в php и так далее

Answer 1

Это не ES2017, но это простой пример, который даст вам общую идею.

Я предполагаю, что вы используете ajax для подтверждения входа в систему, поэтому что-то вроде ниже.

Когда вы возвращаетесь из ajax (то есть внутри функции ajax .done() или .success или любой другой используемой вами функции, вы можете использовать $.load() для загрузки нового контента и $('#myarea').html() для замены контента#myarea div, или даже что-то столь же простое, как $('#someHiddenDiv').show(), чтобы показать ранее скрытый div.

Вот упрощенный пример:

var my_id = $('#loginid').val();
var my_pw = $('#loginpw').val();
$.ajax({
    type: 'post',
     url: 'ajax/login.php',
    data: 'id=' +my_id+ '&pw=' +my_pw,
}).done(function(recd){
    if (recd==1) {
        var newhtml = $.load('success.php');
        $('#myarea').html(newhtml);
        //-OR-
        //$('#myhiddendiv').show();
    }else{
        $('#loginid').val('');
        $('#loginpw').val('');
        alert('Please try logging in again');
    }
});

---

Теперь, когда выпосмотрите очень простой пример, вот как мы делаем это в наши дни:

Как сделать AJAX в 2018

Понимание Fetch API

Асинхронное / Ожидание в 2017