Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / Php + ajax пример / 20 сообщений из 20, страница 1 из 1
23.12.2014, 16:01
    #38840761
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
Пытаюсь разобраться. Может сможет кто с примером помочь?

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

Например текст, или имя кнопки.
...
Рейтинг: 0 / 0
23.12.2014, 16:07
    #38840773
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
ВячеславЛ,
Что конкретно не понятно? Нужен чисто ajax или можно использовать и jquary?
вот например: http://api.jquery.com/jQuery.ajax/ Внизу страницы примеры.
...
Рейтинг: 0 / 0
23.12.2014, 16:14
    #38840786
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
kunaksergeyВячеславЛ,
Что конкретно не понятно? Нужен чисто ajax или можно использовать и jquary?
вот например: http://api.jquery.com/jQuery.ajax/ Внизу страницы примеры.
jquery тоже пойдет
...
Рейтинг: 0 / 0
23.12.2014, 16:19
    #38840799
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
//При показе блока загружаем аяксом
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
function getDic(){
    
		  $.ajax({
 			url: "dic.php", // куда отправляем
 			cashe:false,
 			type: "POST",
 			data: ({dic:'DIC_CLIENT'}), 	//что отправляем(в PHP получаем $_POST['DIC_CLIENT'])		
 // после получения ответа сервера
		       success: function(data){$('#data').html(data);
		        
		       } //конец success
		  });// конец $.ajax	
 			  

}



Код: html
1.
2.
<div id='data'>
</div>
...
Рейтинг: 0 / 0
23.12.2014, 22:16
    #38841114
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
kunaksergey//При показе блока загружаем аяксом
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
function getDic(){
    
		  $.ajax({
 			url: "dic.php", // куда отправляем
 			cashe:false,
 			type: "POST",
 			data: ({dic:'DIC_CLIENT'}), 	//что отправляем(в PHP получаем $_POST['DIC_CLIENT'])		
 // после получения ответа сервера
		       success: function(data){$('#data').html(data);
		        
		       } //конец success
		  });// конец $.ajax	
 			  

}


а как сделать, чтобы функция вызывалась каждые 10 секунд?
Код: html
1.
2.
<div id='data'>
</div>
...
Рейтинг: 0 / 0
23.12.2014, 23:44
    #38841145
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
ВячеславЛ,
Код: java
1.
http://javascript.ru/setinterval
...
Рейтинг: 0 / 0
24.12.2014, 21:25
    #38842167
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
ВячеславЛ,
что-то я делаю не так
Parse error: syntax error, unexpected '.', expecting variable (T_VARIABLE) or '$' in /www_new/1.php on line 3

Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<?php function getDic(){
    
		  $.ajax({
 			url: "dic.php", // куда отправляем
 			cashe:false,
 			type: "POST",
 			data: ({dic:'DIC_CLIENT'}), 	//что отправляем(в PHP получаем $_POST['DIC_CLIENT'])		
 // после получения ответа сервера
		       success: function(data){$('#data').html(data);
		        
		       } //конец success
		  });// конец $.ajax	
 			  

}
?>
<div id='data'>
</div>
...
Рейтинг: 0 / 0
24.12.2014, 22:26
    #38842188
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
ВячеславЛ,

Вообще,то тебе нужен java script
...
Рейтинг: 0 / 0
29.12.2014, 08:35
    #38845168
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
kunaksergey,

можно простой пример как выполнить php код в результате которого будем иметь несколько переменных и эти переменные вывести в разные блоки div, при этом страница не должна перегружаться и php код должен выполняться по таймеру или по кнопке?
...
Рейтинг: 0 / 0
29.12.2014, 10:37
    #38845289
JeStone
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
ВячеславЛ,

все то же самое, только возвращайте не html, а json и на клиенте парсите через JSON.parse и вставляйте значений куда душе угодно.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
$.ajax({
        type: "POST",
        url: "load_users.php",
        async: true,
        success: function(msg)
        {
            users = JSON.parse(msg);
            var departments = [];
            for (var i = 0; i < users.length; i++)
            {
                if (($.trim(users[i].company) != "") &&
                    (departments.indexOf($.trim(users[i].company)) < 0))
                {
                    departments.push($.trim(users[i].company));
                    $("#department").append("<option value='"+$.trim(users[i].company)+"'>"+$.trim(users[i].company)+"</option>");
                }
            }
        }
    });
...
Рейтинг: 0 / 0
29.12.2014, 12:27
    #38845411
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
Возведение в степень...(сделано на коленке)
html:
Код: html
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.
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- подключение Ajax -->
<script>
$(function(){
$("button[name=mybutton]").on("click",function(){
	
	  $.ajax({
 			url: "test.php", // куда отправляем
 			cashe:false,
 			type: "POST",
 			data: ({num:$("input[name=item]").val()	}), 	//что отправляем(в PHP получаем $_POST['num'])		
 // после получения ответа сервера
		      success: function(data){
				  json = $.parseJSON(data); //парсим json
                $('#id1').html(json.pow2); //отправляем в div
				$('#id2').html(json.pow3);  
				  	        
		       } //конец success
		  });// конец $.ajax	
 	
	});	
	
	});	
</script>
</head>
<h2>Степень числа</h2>
 <input type="text" size="40" value=0 name="item">
 <button name="mybutton" type="button">Выполнить</button>
 <div id="id1">
</div>
<div id="id2">
</div>



php:test.php

Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<?php
if(isset($_POST['num'])){ // пришли ли данные
	$arr=array(); //результирующий массив
	$num=$_POST['num']; //
	$pow2=pow((int)$num,2);
	$pow3=pow((int)$num,3);
	 //загоняем результат в массив
	$arr['pow2'] = $pow2;
    $arr['pow3'] = $pow3;

    echo json_encode($arr); //отправляем в поток
	}
?>



это отправка через json.. Можно еще делать через explode/implode; можно через дерево xml
...
Рейтинг: 0 / 0
29.12.2014, 15:14
    #38845728
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
Всем спасибо вроде, проясняется )))

ЗЫ. 3й день изучаю HTML+CSS+JS+PHP
...
Рейтинг: 0 / 0
29.12.2014, 18:53
    #38845979
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
Uncaught SyntaxError: Unexpected token <
(index):1 Uncaught SyntaxError: Unexpected token <

Код: html
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.
36.
37.
38.
<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8" />
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>

<body>
<div>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
var i=0;
function test ()
{
	
	i=i+1;
	var data = document.getElementById('data');
	//data.innerHTML=i;
	$(function(){
		$.ajax({
 			url: "get.php", // куда отправляем
 			cashe:false,
 			type: "POST",
 			data: ({num:"2"	}), 	//что отправляем(в PHP получаем $_POST['num'])		
 // после получения ответа сервера
		      success: function(data){
				  json = $.parseJSON(data); //парсим json
                $('#data1').html(json.tpk); //отправляем в div
				$('#data2').html(json.tpv);  
				  	        
		       } //конец success
		  });// конец $.ajax
});		  
}

setInterval(test, 3000);
</script>
</div>



без

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
	$(function(){
		$.ajax({
 			url: "get.php", // куда отправляем
 			cashe:false,
 			type: "POST",
 			data: ({num:"2"	}), 	//что отправляем(в PHP получаем $_POST['num'])		
 // после получения ответа сервера
		      success: function(data){
				  json = $.parseJSON(data); //парсим json
                $('#data1').html(json.tpk); //отправляем в div
				$('#data2').html(json.tpv);  
				  	        
		       } //конец success
		  });// конец $.ajax
});	


ошибки нет
...
Рейтинг: 0 / 0
29.12.2014, 19:03
    #38845989
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
ВячеславЛ,
а для чего вы в div запихнули код и где
document.getElementById('data')
...
Рейтинг: 0 / 0
29.12.2014, 19:08
    #38845996
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
kunaksergey,

в php был отключен json сейчас попробую еще раз..

внизу два блока

Код: html
1.
2.
<div id="data1"></div>
<div id="data2"></div>



Для этих строк
Код: html
1.
2.
$('#data1').html(json.tpk);
	$('#data2').html(json.tpv);  


нужно
Код: html
1.
getElementById



??? я почему-то решил, что они указывают на два дива
...
Рейтинг: 0 / 0
29.12.2014, 19:17
    #38846001
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
ВячеславЛ,
getElementById-это метод чистого DOM
document.getElementById("div1") эквивалентен $("#div1") фреймворка Jquary
...
Рейтинг: 0 / 0
29.12.2014, 19:34
    #38846022
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
Код: javascript
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.
<head>
<script>
var i=0;
function test ()
{
	
	i=i+1;

	//data.innerHTML=i;
	$(function(){
		$.ajax({
 			url: "test.php", // куда отправляем
 			cashe:false,
 			type: "POST",
 			data: ({num:"2"	}), 	//что отправляем(в PHP получаем $_POST['num'])		
 // после получения ответа сервера
		      success: function(data){
			  json = $.parseJSON(data); //парсим json
               $('#data').html(json.tpk); //отправляем в div
				
				  	        
		       } //конец success
		  });// конец $.ajax
});		  
}

setInterval('test()', 1000);
</script>
</head>
<body>
<div id="data">
</div>
</body>



А ошибка
Uncaught SyntaxError: Unexpected token <
(index):1 Uncaught SyntaxError: Unexpected token <
Это у вас ошибка в php коде
...
Рейтинг: 0 / 0
29.12.2014, 19:35
    #38846024
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
kunaksergey,

Код: html
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.
<script>
function test ()
{

	var data = document.getElementById('data1');
	data.innerHTML=1;
	$(function(){
		$.ajax({
 			url: "get.php",
 			cashe:false,
 			type: "POST",
 			data: ({text1:"1"}),
      success: function(data){
				 json = $.parseJSON(data);
                data.innerHTML=2;
				$('#data1').html(json.tpk);
				$('#data2').html(json.tpv);
				
				  	        
		       }
		  });
});	
	  
}

setInterval(test, 3000);
</script>
</div>

<div id="data1">111</div>
<div id="data2">222</div>



в результате здесь <div id="data1">111</div> единица

если вставляю в success: alert то срабатывает
...
Рейтинг: 0 / 0
29.12.2014, 19:36
    #38846025
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
ВячеславЛ,

в php

Код: php
1.
2.
3.
$arr['$tpk']="3";
$arr['$tpv']="4";
echo json_encode($arr);
...
Рейтинг: 0 / 0
29.12.2014, 20:12
    #38846043
ВячеславЛ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Php + ajax пример
ВячеславЛ,

все спасибо разобрался, доллар забыл

$('#data1').html(json.$tpk);
$('#data2').html(json.$tpv);
...
Рейтинг: 0 / 0
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / Php + ajax пример / 20 сообщений из 20, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]