Загружать результат ajax в определенный div

@werstalfranker · Регистрация: 12.03.2012

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

подскажите, как реализовать чтоб ответы сервера, ну типа проверка введенных данных, ошибки и т.д. загружались в определенный div?

Добавлено через 4 минуты
делаю вот такой простой пример
1.php

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
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=windows-1251>
<title>Документ без названия</title>
<script src="js/jquery.js" type="text/javascript"></script>
</head>
 
<body>
 
<form action="2.php" method="post" id="summa">
<input type="text" name="name">
<input type="submit" name="go" value="ок">
</form>
<div id="result"></div>
<script>
$(document).ready(function() {
$('#summa').submit(function(e) {
e.preventDefault();
var obj = $(this);
$.ajax({
type: 'post',
url: obj.attr('action'),
data: '&name=' + $('#name').val(),
success: function(data) {
$('#result').text(data);
var str = data;
}
});
}); 
 
});
</script>
</body>
</html>

и обработчик 2.php

PHP
1
2
3
4
5
6
7
<?php
$name = $_POST["name"];
if(!empty($name))
{
echo "Privet $name";
} else { echo "данных нет";}
?>

при вводе имя в форму, и нажав кнопку выводит "Privet undefined"
а даже если не вводить ничего, и нажать кнопку, тоже выводит "Privet undefined"
--
подскажите в чем проблема?

@Soldado · 01.07.2012, 12:39

Обратите внимание на строку 25:

JavaScript
1
data: '&name=' + $('#name').val(),

В ней вы из поля с id="name" извлекаете значение, а такого поля у Вас нет.
Исправьте строку 13:

JavaScript
1
<input type="text" name="name" id="name">

@werstalfranker · 01.07.2012, 13:01 **[ТС]**

спасибо проглядел)
еще нюанс такой
у меня ответы от сервера заключены в div..
собсвтенно и приходит ответ "<div style" color:red;">Ответ</div>"(допустим)
как сделать чтоб ответы форматировались как надо, а не приходили всем кодом?

@Soldado · 01.07.2012, 13:06

Если правильно понял, следует выводить не текст, а код:

JavaScript
1
$('#result').html(data);

Р.S. Не вижу "спасибо".

@werstalfranker · 01.07.2012, 17:12 **[ТС]**

большое спасибо)

Добавлено через 23 минуты
последний вопрос))
у меня в форме есть элемент file(изображение)
как информацию из него передать в обработчик
таким способом не канает
&file=' + $('#file').val()

Добавлено через 3 часа 39 минут
нет вариантов?

@shturnev · 01.07.2012, 20:20

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

@werstalfranker · 01.07.2012, 22:43 **[ТС]**

то есть через ajax в этом примере никак файл не передать в обработчик?

@shturnev · 02.07.2012, 16:28

если хочешь передать именно путь "path", то лично я не знаю способа, а если просто передать "файл" через ajax то есть множество плагинов загрузчиков, лично я пользуюсь ajax.form

Добавлено через 13 часов 56 минут

Сообщение от werstalfranker

то есть через ajax в этом примере никак файл не передать в обработчик?

кстати вот тут только что прочитал про: похоже если нужен "путь" то достать его всё таки можно!

JavaScript
1
var inputFile = document.getElementById('input').files;

@Soldado · 02.07.2012, 17:21

Если речь всё же идёт о jQuery, то путь получают из соответствующего атрибута картинки src.
Проверьте сами для картинки

HTML5
1
<img src="wayimages.jpeg" id="img1"/>

Вот такой jQuery-код:

JavaScript
1
2
3
4
5
6
<script type="text/javascript">
$(document).ready(function() {
 var wayimg = $('#img1').attr('src');
 alert (wayimg);
});//END ready  
</script>

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@werstalfranker 1 / 1 / 0 Регистрация: 12.03.2012 Сообщений: 57
	01.07.2012, 13:01 [ТС]
	спасибо проглядел) еще нюанс такой у меня ответы от сервера заключены в div.. собсвтенно и приходит ответ "<div style" color:red;">Ответ</div>"(допустим) как сделать чтоб ответы форматировались как надо, а не приходили всем кодом? 0

@werstalfranker 1 / 1 / 0 Регистрация: 12.03.2012 Сообщений: 57
	01.07.2012, 17:12 [ТС]
	большое спасибо) Добавлено через 23 минуты последний вопрос)) у меня в форме есть элемент file(изображение) как информацию из него передать в обработчик таким способом не канает &file=' + $('#file').val() Добавлено через 3 часа 39 минут нет вариантов? 0

@shturnev 1 / 1 / 1 Регистрация: 02.06.2012 Сообщений: 30
	01.07.2012, 20:20
	у файловых инпутов по идее даже значения value не должно быть, это сделано в целях безопасности, так что вытянуть путь не получится.. обычно путь в таких случаях прописывается вручную. 0

@werstalfranker 1 / 1 / 0 Регистрация: 12.03.2012 Сообщений: 57
	01.07.2012, 22:43 [ТС]
	то есть через ajax в этом примере никак файл не передать в обработчик? 0