Как создать форму AJAX, которая добавляет вещи в БД и обновляет ту же страницу?

Question

У меня есть песочница, в которой я пытаюсь создать форму, в которой человек может добавлять данные, и мне нужен поток - это вызов ajax, который добавляет вещи в базу данных и без обновления страницы, еще одну панель на исходной странице. обновляется с добавленной информацией.

Как я могу это осуществить? В настоящее время я не вижу таких точных примеров, просто прибегая к помощи.

Answer 1

Один простой пример (jQ). Свяжите имя функции JS с каким-либо событием, нажатием кнопки «отправить» или чем-то еще.

function functionName(val1, val2, and so on) {
    $.get('/ServletOrPhpFileOrSomeOther?valueOne=' + val1+ 
         '&valueTwo=' + val2 + 
         '&timestamp=' + $.timestamp(), 

        function(data) {
            //data is the return stuff from you ServletOrPhpFileOrSomeOther
            //do something with it... example
            $('#ElementToUpdate').html(data);
        }
    );
}

На стороне сервера 'ServletOrPhpFileOrSomeOther' вычисляет значения и возвращает что-то обратно. Вместо передачи значений val1, val2 и т. Д. Вы можете читать значения формы внутри функции, если хотите.

Я использовал timeStamp как пустышку, потому что у меня были некоторые проблемы со значениями, которые не обновлялись. Вы можете попробовать без.

Answer 2

Вы можете попробовать этот URL: http://www.9lessons.info/2009/04/submit-form-jquery-and-ajax.html В join.php после вставки вы можете использовать select * from tablename и быть в списке. что вы можете отобразить ответ ajax на другой панели той же страницы.

Answer 3

Взгляните на agiletoolkit.org - это php-фреймворк, который предоставляет из коробки «crud», который делает именно то, что вы ищете - он открывает диалог jquery для редактирования и добавления и выполняет Ajax-вызовы в фоновом режиме для обновления сетка с данными.