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

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

Например текст, или имя кнопки.
...
Рейтинг: 0 / 0
Php + ajax пример
    #38840773
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ВячеславЛ,
Что конкретно не понятно? Нужен чисто ajax или можно использовать и jquary?
вот например: http://api.jquery.com/jQuery.ajax/ Внизу страницы примеры.
...
Рейтинг: 0 / 0
Php + ajax пример
    #38840786
ВячеславЛ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
kunaksergeyВячеславЛ,
Что конкретно не понятно? Нужен чисто ajax или можно использовать и jquary?
вот например: http://api.jquery.com/jQuery.ajax/ Внизу страницы примеры.
jquery тоже пойдет
...
Рейтинг: 0 / 0
Php + ajax пример
    #38840799
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	
 			  

}



Код: html
1.
2.
<div id='data'>
</div>
...
Рейтинг: 0 / 0
Php + ajax пример
    #38841114
ВячеславЛ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
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
Php + ajax пример
    #38841145
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ВячеславЛ,
Код: java
1.
http://javascript.ru/setinterval
...
Рейтинг: 0 / 0
Php + ajax пример
    #38842167
ВячеславЛ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ВячеславЛ,
что-то я делаю не так
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
Php + ajax пример
    #38842188
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ВячеславЛ,

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

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

все то же самое, только возвращайте не 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
Php + ajax пример
    #38845411
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Возведение в степень...(сделано на коленке)
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
Php + ajax пример
    #38845728
ВячеславЛ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Всем спасибо вроде, проясняется )))

ЗЫ. 3й день изучаю HTML+CSS+JS+PHP
...
Рейтинг: 0 / 0
Php + ajax пример
    #38845979
ВячеславЛ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
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
Php + ajax пример
    #38845989
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ВячеславЛ,
а для чего вы в div запихнули код и где
document.getElementById('data')
...
Рейтинг: 0 / 0
Php + ajax пример
    #38845996
ВячеславЛ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
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
Php + ajax пример
    #38846001
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ВячеславЛ,
getElementById-это метод чистого DOM
document.getElementById("div1") эквивалентен $("#div1") фреймворка Jquary
...
Рейтинг: 0 / 0
Php + ajax пример
    #38846022
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Код: 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
Php + ajax пример
    #38846024
ВячеславЛ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
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
Php + ajax пример
    #38846025
ВячеславЛ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ВячеславЛ,

в php

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

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

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


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