#1 05.12.08 15:54
[AJAX] добавление формы на страницу
Не могу разобраться с аяксом. Может кто-нибудь поможет?
по нажатию кнопки должна появляться форма, но не на новой странице, а на этой же, под уже имеющейся. Т.е. функция add_dlink должна подгрузить форму, формируемую скриптом newfile.php, не перезагружая страницу. Пока что все мои попытки закончились ничем.
Код::
<form action="" onsubmit="add_dlink('/test/newfile.php'); ">
<input type="submit" value="Добавить" name="submit" />
</form>Код::
function add_dlink(url){
if(!this.http){
if (window.XMLHttpRequest)
xmlhttp= new XMLHttpRequest();
else if (window.ActiveXObject)
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
this.working = false;
}
if (!this.working && this.http) {
var http = this.http;
this.http.open("GET", url, true);
this.http.onreadystatechange = function() {
if (http.readyState == 4) {
addForm(http.responseText);
this.working = false;
}
}
this.working = true;
this.http.send(null);
if(!this.http){
alert('error')
}
}
}Offline
#2 05.12.08 22:45
Re: [AJAX] добавление формы на страницу
Чтобы не писать весь этот монстрообразный код, рекомендую изучить библиотеку jQuery (jquery.com). Там есть несколько методов, которые позволяют делать ajax запрос в одну строчку и делать с результатом что угодно.
Например, этот код
Код::
$("#container").load("test.html");положит содержимое страницы test.html в элемент страницы c id="container"
Исправлено dotnet (05.12.08 23:10)
Offline
#6 13.12.08 16:27
Re: [AJAX] добавление формы на страницу
Antony, я только что возвращался %)
getElementById('bp').src='asd.jpg';return false;
xDD
Offline
#10 15.12.08 15:32
Re: [AJAX] добавление формы на страницу
iDrum, накинули бы ещё десятку, я бы подгрузил прежде)
и, кроме того, воткнул бы прелоадер)
Offline
