Отправка параметров в PHP с помощью AJAX

02-11-2013, 02:47 AM

Сегодня весь день насиловал гугл, все никак не получается сделать.
Что нужно.
Имеется форма (Для примера)

Code:

<form action="process.php" method="post">
<input type="text" id="url" />
<input type="submit" />
</form>

Нужно из данной формы передать параметр в пхп файл и вернуть результат на эту страницу БЕЗ перезагрузки страницы.

Находил статьи, у них в примере все работает, у меня на локалке (их скачанный пример) - не хочет работать.
При нажатии на кнопку ничего не происходит

Вот код из примера
index.html

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Отправка формы Ajax</title>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="ajax.js"></script>
</head>

<body>
<form action="" id="myform">
<input type="text" name="mydata" id="mydata" />
<input type="button" onclick="send();" value="Отправить" />
</form>
<div id="result"></div>
</body>
</html>

ajax.js

Code:

function send()
{
//Получаем параметры
var data = $('#mydata').val()
  // Отсылаем паметры
       $.ajax({
                type: "POST",
                url: "SendData.php",
                data: "data="+data,
                // Выводим то что вернул PHP
                success: function(html) {
 //предварительно очищаем нужный элемент страницы
                        $("#result").empty();
//и выводим ответ php скрипта
                        $("#result").append(html);
                }
        });

}

В пхп файле просто вывод пришедшего от аякс параметра.

Подскажите как правильно делать?

02-11-2013, 02:55 AM

Sven, Мне в свое время очень помогло вот это: _http://htmlweb.ru/ajax/example/region.php

02-11-2013, 03:04 AM

если предполагается использовать свой код внутри страниц/кода воблы, то не нужен никакой велосипед
все это уже есть
используются готовые классы и методы библиотеки YUI
взять любой хак, который испольует аякс отправку/прием данных и посмотреть как там все устроено, подрихтовать под свои нужды
вот только во многих хаках используется responseText, рекомендуется же использовать вместо него responseXML
т.к. вобла использует именно такой метод отправки данных

02-11-2013, 03:05 AM

Sven, Вот простенький рабочий пример (сам ежедневно пользую, мелочь а работу ускоряет)

02-11-2013, 03:07 AM

StenLi, А проще ниче нет?

Это пока не мой уровень )))
За ссылку естественно спасибо

Sven добавил 11.02.2013 в 01:07
kerk, нет, это будет в ModX CMS.
А пока пишу на локалке...играюсь так сказать ))

cyberdaemon, спасибо, попробую этот огород переписать под себя)

02-11-2013, 03:10 AM

Quote:

Originally Posted by Sven

StenLi, А проще ниче нет?
Это пока не мой уровень )))
За ссылку естественно спасибо

Проще только тут: _http://htmlweb.ru/ajax/example/login.php

02-11-2013, 03:10 AM

Quote:

Originally Posted by Sven

этот огород

этот огород между прочем неплохие бабки зарабатывать помогает

А так, куда уж проще!?

02-11-2013, 03:34 AM

Quote:

Originally Posted by cyberdaemon

этот огород между прочем неплохие бабки зарабатывать помогает А так, куда уж проще!?

Все ок, все работает )))
Буду это и юзать. тут следующий вопрос назрел
На выходе имеется ссылка (на картинку), по клику на линк - этот же линк должен вставлять в инпут.
В гугле нашел такое

Code:

<script type="text/javascript">
function getText(el){
	document.getElementById('field').value = el.firstChild.data;
}
</script>
<input type="text" id="field" value=""><br />
<a href="javascript:void(0)" onclick="getText(this)" id="text">Text</a><br />
<a href="javascript:void(0)" onclick="getText(this)" id="text2">Text 2</a><br />
<a href="javascript:void(0)" onclick="getText(this)" id="text3">Text 3</a><br />
</script>

На сколько я понял, нужно обратно перекинуть параметры т.е. из process.php в index.html
Это как-то возможно? Или не стоит даже заморачиваться?

02-11-2013, 03:38 AM

Quote:

Originally Posted by Sven

На выходе имеется ссылка (на картинку), по клику на линк - этот же линк должен вставлять в инпут.

Ничё не понял. Обратный парсинг?

02-11-2013, 03:44 AM

Quote:

Originally Posted by cyberdaemon

Обратный парсинг?

Как-то так.
На страницу результат приходит аяксом, нужно из результата в индекс вставить ссылку по клику.