Форум Сайтостроение Веб-строительство

Ajax в jQuery помогите новчику?

anton000
На сайте с 10.05.2013
Offline
32
anton000
440 


<script type="text/javascript">

$(document).ready(function() {

		 

		$("#t").ajaxComplete(function() {

		    $("#2").css("color", "green");

		 });



		$("#1").click(function() {

		   $("#t").load("test.php", "x=1&y=2");

		 });

});

</script>



<p id="t">Привет</p>



<div id="1">Изменить</div>

<p id="2">Показать</p>

Такая проблема, что вывод из файла test.php работает. А вот методом ajaxComplete цвет не меняется, после завершения вывода? Скажите, пожалуйста где ошибка?

Спасибо, за ответы!

---------- Добавлено 17.11.2013 в 11:43 ----------

Пожалуйста, ответьте!!!

R
На сайте с 18.12.2009
Offline
92
rerighter
#1 


$(function() {
    $("#1").on("click", function() {
		$.ajax({
    	    url: "test.php",
			type: "GET",
			data: {x: 1, y: 2},
        	success: function() {
            	$("#2").css("color", "green");
    		});
		});
	});
});

Также, если необходимы условия, лучше получать данные в json. Не тестил этот код, может быть где-то опечатался.

anton000
На сайте с 10.05.2013
Offline
32
anton000
#2
rerighter:

$(function() {

    $("#1").on("click", function() {

		$.ajax({

    	    url: "test.php",

			type: "GET",

			data: {x: 1, y: 2},

        	success: function() {

            	$("#2").css("color", "green");

    		});

		});

	});

});

Также, если необходимы условия, лучше получать данные в json. Не тестил этот код, может быть где-то опечатался.

Спасиибо, за ответ.

Но честно говоря не работает. Тут есть клик по элементу, а вот вывод будет в каком элементе? Даже, если нету вывода, но есть сам ajax и его завершение, то цвет не изменяется.

Наказать сайт, который ворует Помогите с экранированием кавычек Вопрос хостерам по нагрузке
R
На сайте с 18.12.2009
Offline
92
rerighter
#3 


<script>
$(function() {
    $("#1").on("click", function() {
        $.ajax({
            url: "test.php",
            type: "GET",
            data: {x: 1, y: 2},
            dataType: "html", 
            success: function(data) {
                    $("#t").html(data);
                    $("#2").css("color", "green");
            }
        });
    });
});
</script>

Лишняя скобка была в прошлом примере.

anton000
На сайте с 10.05.2013
Offline
32
anton000
#4
rerighter:

<script>

$(function() {

    $("#1").on("click", function() {

        $.ajax({

            url: "test.php",

            type: "GET",

            data: {x: 1, y: 2},

            dataType: "html", 

            success: function(data) {

                    $("#t").html(data);

                    $("#2").css("color", "green");

            }

        });

    });

});

</script>

Лишняя скобка была в прошлом примере.

Спасибо, вам большое! Можно, ещё один надоедливый вопрос: по моему методу, это невозможно организовать?

siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#5
anton000:
Можно, ещё один надоедливый вопрос: по моему методу, это невозможно организовать?

http://api.jquery.com/ajaxComplete/

R
На сайте с 18.12.2009
Offline
92
rerighter
#6 


<script>
$(function() {
	$("#1").click(function() {
		$("#t").load("test.php x=1&y=2", function() {
			$("#2").css("color", "green");
		});   
	});
});
</script>

Как то так. Не уверен за фрагмент: "test.php x=1&y=2", не помню как точно. Но подправьте под свои нужды. Вроде функцию можно и 3 параметром.

anton000
На сайте с 10.05.2013
Offline
32
anton000
#7
rerighter:

<script>

$(function() {

	$("#1").click(function() {

		$("#t").load("test.php x=1&y=2", function() {

			$("#2").css("color", "green");

		});   

	});

});

</script>

Как то так. Не уверен за фрагмент: "test.php x=1&y=2", не помню как точно. Но подправьте под свои нужды. Вроде функцию можно и 3 параметром.

Спасибо, за ответ!

Да, там нужно "test.php", "x=1&y=2", function()

---------- Добавлено 18.11.2013 в 16:33 ----------

Всем, спасибо, большое!

Ошибка, заключалась в следующем, что нужно было вызывать метод ajaxComplete указывая селектор - document - то есть во всём документе, а я делал только на определённый id объекта.

Фреймворк SNDL Поделитесь фоторесурсом Женский сайт о диетах

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий