Распределить ответ по разным элементам. - JavaScript, Ajax - Страница 2

LZero · 22.12.2012, 19:37

Нужно добавить dataType: json. По идее сейчас должно быть нормально.

Код:

$(document).ready(function() {
        $('#add').submit(function() {
           var data = $(this).serialize();
            $.ajax({
                type:'POST',
                url:'ajax.php?do=ajax_category',
                data:data + '&go=2',
                dataType: json,	
                success: function(result) { 
                    if (result.status) { 
                        $('#gfg1').html(result.msg); 
                    } else  
                        $('#status').html(result+result.status+'<b>Ошибка</b>'); 
                }  	              
            });
                return false;
        });                                            
    });

Gefo · 22.12.2012, 19:53

К сожалению, с "dataType: json," вовсе обновляется страница.

LZero · 22.12.2012, 20:00

dataType: 'json',

с кавычками. Сори, пропустил.

Gefo · 22.12.2012, 20:11

Так не меняет элементы, id='gfg1' не id='status'.

LZero · 22.12.2012, 20:36

Странно. Сейчас накидаю какой-нибудь пример, проверю.

LZero · 22.12.2012, 20:44

С этим примером у меня все работает:
html:

Код:

<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type='text/javascript'>
$(function () {
	$('#add').submit(function() {
           var data = $(this).serialize();
            $.ajax({
                type:'POST',
                url:'ajax.php?do=ajax_category',
                data:data + '&go=2',
                dataType: 'json',
                success: function(result) {
                    if (result.status) {
                        $('#gfg1').html(result.msg);
                    } else
                        $('#status').html('<b>Короткое имя</b>');
                }
            });
                return false;
        });
});
</script>
</head>
<body>
<form id="add" action="ajax.php" method="post">
	<input name="field1" type="text" value="">
	<br>
	<input name="field2" type="text" value="">
	<br>
	<input type="submit" value="Send">
</form>
<div id="status"></div>
<div id="gfg1"></div>
</body>
</html>

php:

PHP код:


			
<?php

$msg = $_REQUEST['field1'];

echo json_encode(array(

    'msg'    => $msg . ' ' . strlen($msg),

    'status' => (strlen($msg) > 3)

));

Gefo · 22.12.2012, 22:02

Спасибо. Видать у меня вышла путаница. Разобрался.
Здорово, много нового узнал+ понял, что код:

Код:

var add = {
        setup: function(appendTo) {
                add.msgID = 'add';                   
                $(appendTo)
                    .append($('<div>').attr('id',add.msgID).addClass('add')
                )
        },
        displayMsg: function(msg) {
            $('#'+add.msgID).html(msg);
        }
};
 
$(document).ready(function(){
        add.setup();
})

не нужен=). Еще раз спасибо

. Жаль я так и не понял как поднимать репутацию здесь.

22.12.2012, 22:02	#17
Gefo Форумчанин Регистрация: 04.04.2012 Сообщений: 185	Спасибо. Видать у меня вышла путаница. Разобрался. Здорово, много нового узнал+ понял, что код: Код: `var add = { setup: function(appendTo) { add.msgID = 'add'; $(appendTo) .append($('<div>').attr('id',add.msgID).addClass('add') ) }, displayMsg: function(msg) { $('#'+add.msgID).html(msg); } }; $(document).ready(function(){ add.setup(); })` не нужен=). Еще раз спасибо. Жаль я так и не понял как поднимать репутацию здесь. Последний раз редактировалось Gefo; 22.12.2012 в 22:12.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Ка распределить память ноутбука по дискам	Зёма	Помощь студентам	23	03.08.2012 17:57
Распределить данные по критерию.	Алексей001	Microsoft Office Excel	4	06.06.2011 11:39
к элементам первой половины массива добавить минимум, а к элементам второй - добавить максимум	specialist	Паскаль, Turbo Pascal, PascalABC.NET	3	08.05.2011 01:46
Нужно распределить 3 слова	slawok	HTML и CSS	8	29.06.2010 01:16
Распределить покрытие заказа	AleksandrH	Microsoft Office Excel	0	15.02.2010 15:49

22.12.2012, 19:53	#12
Gefo Форумчанин Регистрация: 04.04.2012 Сообщений: 185	К сожалению, с "dataType: json," вовсе обновляется страница.

22.12.2012, 20:00	#13
LZero Форумчанин Регистрация: 20.07.2012 Сообщений: 129	dataType: 'json', с кавычками. Сори, пропустил.

22.12.2012, 20:11	#14
Gefo Форумчанин Регистрация: 04.04.2012 Сообщений: 185	Так не меняет элементы, id='gfg1' не id='status'.

22.12.2012, 20:36	#15
LZero Форумчанин Регистрация: 20.07.2012 Сообщений: 129	Странно. Сейчас накидаю какой-нибудь пример, проверю.