проблема с $.post()

@me.mamba · Регистрация: 18.02.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте)
у меня вот какая проблема: пишу Flickr Search Engine, нужно чтоб при нажатии кнопки "Search" сработал AJAX и передал массив в PHP после чего получил ответ и отобразил его в div.

P.S. Я новичок в этой сфере, так что не судите строго

Добавлено через 2 минуты
могу выложить свой код, но думаю с него мало толку

@Кошковладельцев · 12.04.2012, 23:51

А в чем проблема-то?

@me.mamba · 12.04.2012, 23:58 **[ТС]**

Не могу разобраться в $.post() .

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js'></script>
 
<script type='text/javascript'>
ajaxrequest=function() {
 
var url='flickr.php';
var data = $('#search').val().replace(/(\w+)/g).replace(/(\s+)/g).split(/\s/g);
 
$.post(url, search: data, function callback(data) { $('#result').html(data);}}
    
</script>
 
<body>
<form id='searchform'>
<div id='header'>
<input type='text' name='s' id='search' value='' placeholder='Search...'/>
<input type='submit' onsubmit="ajaxrequest" id='searchbtn' value='Search'/>
</div>
<div id='result'></div>
</form>
</body>
</html>

и собственно PHP-code:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
 
class Flickr {
public function __construct() {}
 
public function search($query=null) {
 
$search = 'http://flickr.com/services/rest/?method=flickr.photos.search&api_key=d1201639888e0f91cc44c113380aa612&text=' . urlencode($query).'&per_page=5&format=php_serial';
$result=unserialize(file_get_contents($search));
return $result;
}
}
 
if(!empty($_POST['search'])) {
    
    $Flickr = new Flickr;
 
    $data=$Flickr->search(s:data);
    
    $html='';
    }
    foreach($data as $photo) {
    $html='<img src="http://farm' . $photo["farm"] . '.static.flickr.com/' . $photo["server"] . '/' . $photo["id"] . '_' . $photo["secret"] . '_m.jpg"/>';
    
    }
    else { $html='<p>There are no results for this keyword(s)</p>'; }
    echo $html;
 
}
?>

у меня ничего не сробатывает...не пойму в чем прокол

@Nigepas · 13.04.2012, 00:59

Для начала подключите jquery и закройте head, а еще хорошо бы doctype указывать.

HTML5
1
2
3
4
5
6
7
<form id='searchform'>
<div id='header'>
<input type='text' name='s' id='search' value='' placeholder='Search...'/>
<input type='button' id='searchbtn' value='Search'/>
</div>
<div id='result'></div>
</form>

JavaScript
1
2
3
4
5
6
7
$(document).ready(function(){ 
    $("#searchbtn").click(function(){
        var url='flickr.php';
        var searchVal = $('#search').val();
        $.post(url, {search: searchVal}, function(data) { $('#result').html(data);});
    });
});

А в flickr.php уже ловите строку $_POST['search'] и делайте что нужно. Проверяйте, разбивайте в массив по пробелам и т.д...
То, что вернет flickr.php, то и вставится в div с id='result'

@me.mamba · 13.04.2012, 01:35 **[ТС]**

А можете указать примерно как выглядит url post запроса?

@Nigepas · 13.04.2012, 01:40

Так и выглядит, как написал выше ))

А если у вас получается 404 (NOT FOUND), то проверьте и укажите относительный путь к своему flickr.php корректно

@me.mamba · 13.04.2012, 01:50 **[ТС]**

Я имею ввиду "http://localhost/flickr/flickr.php?search= " это метод "GET", ну а вот как выглядит адресная строка во время метода "POST" я не разобралась.

Примерно вот так "http://localhost"?

Добавлено через 4 минуты
простите простите имела ввиду "http://localhost/flickr"

@Nigepas · 13.04.2012, 01:53

При POST данные отправляются в теле запроса, а не в адресной строке. Указываете адрес файла php и все

HTTP

@me.mamba · 13.04.2012, 01:57 **[ТС]**

И никаких data: 'search=' + searchVal; ?

@Nigepas · 13.04.2012, 02:07

Данные конечно нужно отправить
Я ж писал выше

JavaScript
1
2
3
var url='flickr.php';
var searchVal = $('#search').val();
$.post(url, {search: searchVal}, function(data) { $('#result').html(data);});

тут search - это имя , а в переменной searchVal - это значение
Эти данные и отправляются. А на сервере ловите по имени $_POST['search']

А data , которая в function(data), - это уже ответ сервера.

{search: searchVal} это форма записи такая в виде объекта {"имя1":"значение1","имя2":"значение2 "}

но можно и строкой написать

JavaScript
1
$.post(url, 'search=' + searchVal, function(data) { $('#result').html(data);});

@me.mamba · 13.04.2012, 02:25 **[ТС]**

ооооогромнейшее спасибо, все непонятное стало понятным

Добавлено через 2 минуты
ооооогромное тебе спасибо

@Nigepas · 13.04.2012, 02:26

А вообще $.post - это укороченная запись , частный случай функции jQuery.ajax

@me.mamba · 13.04.2012, 02:37 **[ТС]**

ага )))
на мой взгляд с ним легче работать

но так как в моем случае (так сказал мой руководитель) можно обойтись простым методом $.post, замечу, однако, что он был не прост

Добавлено через 1 минуту
я уже стихами говорю

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

@me.mamba 0 / 0 / 0 Регистрация: 18.02.2012 Сообщений: 30

	проблема с $.post() 12.04.2012, 23:50. Показов 1310. Ответов 12 Метки нет (Все метки) Здравствуйте) у меня вот какая проблема: пишу Flickr Search Engine, нужно чтоб при нажатии кнопки "Search" сработал AJAX и передал массив в PHP после чего получил ответ и отобразил его в div. P.S. Я новичок в этой сфере, так что не судите строго Добавлено через 2 минуты могу выложить свой код, но думаю с него мало толку 0

@Кошковладельцев 74 / 63 / 0 Регистрация: 24.03.2012 Сообщений: 333
	12.04.2012, 23:51
	А в чем проблема-то? 0

@me.mamba 0 / 0 / 0 Регистрация: 18.02.2012 Сообщений: 30
	13.04.2012, 01:35 [ТС]
	А можете указать примерно как выглядит url post запроса? 0

@Nigepas 40 / 40 / 14 Регистрация: 07.04.2012 Сообщений: 98
	13.04.2012, 01:40
	Так и выглядит, как написал выше )) А если у вас получается 404 (NOT FOUND), то проверьте и укажите относительный путь к своему flickr.php корректно 0

@me.mamba 0 / 0 / 0 Регистрация: 18.02.2012 Сообщений: 30
	13.04.2012, 01:50 [ТС]
	Я имею ввиду "http://localhost/flickr/flickr.php?search= " это метод "GET", ну а вот как выглядит адресная строка во время метода "POST" я не разобралась. Примерно вот так "http://localhost"? Добавлено через 4 минуты простите простите имела ввиду "http://localhost/flickr" 0

@Nigepas 40 / 40 / 14 Регистрация: 07.04.2012 Сообщений: 98
	13.04.2012, 01:53
	При POST данные отправляются в теле запроса, а не в адресной строке. Указываете адрес файла php и все HTTP 0

@me.mamba 0 / 0 / 0 Регистрация: 18.02.2012 Сообщений: 30
	13.04.2012, 01:57 [ТС]
	И никаких data: 'search=' + searchVal; ? 0

@me.mamba 0 / 0 / 0 Регистрация: 18.02.2012 Сообщений: 30
	13.04.2012, 02:25 [ТС]
	ооооогромнейшее спасибо, все непонятное стало понятным Добавлено через 2 минуты ооооогромное тебе спасибо 0

@Nigepas 40 / 40 / 14 Регистрация: 07.04.2012 Сообщений: 98
	13.04.2012, 02:26
	А вообще $.post - это укороченная запись , частный случай функции jQuery.ajax 0

@me.mamba 0 / 0 / 0 Регистрация: 18.02.2012 Сообщений: 30
	13.04.2012, 02:37 [ТС]
	ага ))) на мой взгляд с ним легче работать но так как в моем случае (так сказал мой руководитель) можно обойтись простым методом $.post, замечу, однако, что он был не прост Добавлено через 1 минуту я уже стихами говорю 0