ajax запрос

@new day · Регистрация: 02.12.2012

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

есть формапервого листа:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<form action="" method="get">
 Цена <br >
<input name="price" type="text" /><br />
     <h1> Программа </h1>
 <div> A<input name="A" type="text" />  <br /> 
       B<input name="B" type="text" />  <br />  
        C<input name="С" type="text" /> <br />  
        </div> <br />
 <h1> М </h1>
<div1 > A<input name="A" type="text" />  <br /> 
       B<input name="B" type="text" />  <br />  
        C<input name="С" type="text" /> <br />  
<div1 >
 <h1> Ж </h1>
<div2 > A<input name="A" type="text" />  <br /> 
       B<input name="B" type="text" />  <br />  
        C<input name="С" type="text" /> <br />  
<div2 >
Команда <br >
<input name="command" type="text" /><br />
    
</form>

и второй лист:

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
<body><form action="" method="get">
 
 
Программа
 <br />
А<input name="А" type="checkbox" value="1" /> <br />
B<input name="B" type="checkbox" value="1" /> <br />
C<input name="C" type="checkbox" value="1" /> <br />
 
М <br />
A<input name="А" type="checkbox" value="1" /> <br />
B<input name="B" type="checkbox" value="1" /> <br />
C<input name="C" type="checkbox" value="1" />
 <br />
Ж <br />
A<input name="А" type="checkbox" value="1" /> <br />
B<input name="B" type="checkbox" value="1" /> <br />
C<input name="C" type="checkbox" value="1" /> <br />
 
Команда <br >
<input name="command" type="checkbox" value="1"/><br />
    
 
</form>

Нужно сделать следующее. При заполнении формы числами на первом листе необходимо либо записать их в бд(либо куками есил это возможно) и при переходе на второй лист сделать ajax запрос и вывести сумму цены и выбранного чекбокса допустим программа B и в М тоже В, то есть сумма=Цена +программа В+М(В), если выбрать еще и команда то доплюсовать и ее.как это можно сделать спасибо?

@new day · 18.05.2013, 19:17 **[ТС]**

Плиз... подскажите что-нибудь?

@koza4ok · 18.05.2013, 20:11

За Вас сделать все?Где код PHP,javascript,ajax?

@new day · 20.05.2013, 17:24 **[ТС]**

PHP
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
function calc()
{
    var summ = 0;
    $('#calc input:checked').each(function(){
        summ += parseFloat($(this).val());
    });
    $('#summ').html(summ);
}
 
function Send1() {
        //отправляю GET запрос и получаю ответ
        $$a({
            type:'post',//тип запроса: get,post либо head
            url:'ajax2.php',//url адрес файла обработчика
            data:{'q':'1'},//параметры запроса
            response:'text',//тип возвращаемого ответа text либо xml
            success:function (data) {//возвращаемый результат от сервера
                $("#otvet1").text(data) ;
            }
        });
    }
     
    function Send2() {
        //отправляю POST запрос и получаю ответ
        $$a({
            type:'post',//тип запроса: get,post либо head
            url:'ajax2.php',//url адрес файла обработчика
            data:{'z':'1'},//параметры запроса
            response:'text',//тип возвращаемого ответа text либо xml
            success:function (data) {//возвращаемый результат от сервера
               $("#otvet2").text(data); 
            }
        });
    }
 
 
 
 
    </script>
<title>Документ без названия</title>
</head>
 
<body>
<div id="calc">
    <div onclick="Send1()"> <input type='checkbox' name='nomer[]' value=' id="otvet1"' /> </div>
    <div onclick="Send2()"><input type='checkbox' name='nomer[]' value=' id="otvet2"' /></div>
   
</div>
<div id="summ"></div>
<input type="button" name="btn" value="Подсчитать" onclick="calc()" />
</body>
</html>

Обращение к базе через ajax запрос:

PHP
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
39
40
41
42
43
44
<?php
    if(isset($_POST['q']) ) {
       
        if($_POST['q']=='1' ) {
            $db = mysql_connect ( 'localhost', 'root', 'root' );
                
 
          mysql_query("SET NAMES 'cp1251'");
    if(!$db) die("bvbvnbvnvbn");
    if(!mysql_select_db ( 'sporting')) die("vbnvbnbvn");
 
  
    $name = mysql_real_escape_string($name, $db);    
    $sql = "SELECT score
            FROM sor2
            where id=1 " ;
    $data = mysql_query ($sql) or die(mysql_error());
    $data =$otvet1;
        
    
    
    if(isset($_POST['z']) ) {
       
        if($_POST['z']=='1' ) {
            $db = mysql_connect ( 'localhost', 'root', 'root' );
                
 
          mysql_query("SET NAMES 'cp1251'");
    if(!$db) die("bvbvnbvnvbn");
    if(!mysql_select_db ( 'sporting')) die("vbnvbnbvn");
 
  
    $name = mysql_real_escape_string($name, $db);    
    $sql = "SELECT score
            FROM sor2
            where id=4 " ;
    $data = mysql_query ($sql) or die(mysql_error());
    $data =$otvet2;
    
        }
    }}}
 
    ?>
При выделении первого и второго чекбокса и нажатии на кнопку ничего не суммируется. Подскажите то ли бок в функции, то ли неправильно передал данные из 2 в 1 код? Спасибо.

@aarkhipov · 22.05.2013, 10:30

Во-первых:

PHP
1
$data =$otvet1;

Что за $otvet1, откуда это вообще взялось? Хоть убейте, не вижу объявления и присвоения где-то ранее в коде.
Во-вторых: а где вывод то? echo $data; Вот это всё =)

@new day · 22.05.2013, 21:44 **[ТС]**

aarkhipov, Подскажите плиз сслыку на статью как правильно вывести данные? спасибо

@aarkhipov · 22.05.2013, 22:48

Ну раз вы ставите вопрос так, то, собственно, классика по AJAX, больше для начала ничего и не нужно: http://javascript.ru/ajax/intro
Но я сомневаюсь, что вам сейчас захочется во всё это вникать. Вам надо разобраться с двумя вещами.
1. Обработайте результат запроса к БД, пример:
http://www.php.net/manual/ru/f... -array.php
Чтобы далеко не ходить, немного скорректировано под ваш пример:

PHP
1
2
3
4
5
6
7
8
9
10
11
<?php
    $sql = "SELECT score
            FROM sor2
            where id=4 " ;
    $data = mysql_query ($sql) or die(mysql_error());
    $rows = [];
    while ($row = mysql_fetch_array($data , MYSQL_NUM)) {
        $rows[] = $row;
    }
    echo json_encode($rows);
?>

2. Обработайте ответ сервера в JS:

JavaScript
1
2
3
4
5
6
7
8
9
$$a({
    type:'post',
    url:'ajax2.php',
    data:{'q':'1'},
    dataType: "json", // Добавьте эту строчку. jQuery декодирует JSON ответ сервера
    success:function (data) {
        //В data будет массив. Обработайте его и отобразите, как вам надо
    }
});

@new day · 27.05.2013, 23:51 **[ТС]**

А для того, чтобы обработать ответ с сервера нужно обязательно использовать функцию типа $.getJSON, потому что если вот так сделать ничего не получается.

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.json-2.4.js"></script>
<script type="text/javascript">
function calc()
{
    var summ = 0;
    $('#calc input:checked').each(function(){
        summ += parseFloat($(this).val());
    });
    $('#summ').html(summ);
}
 
function Send1() {
        //отправляю GET запрос и получаю ответ
       $.ajax({
            type:'post',//тип запроса: get,post либо head
            url:'ajax2.php',//url адрес файла обработчика
            data:{'q':'1'},//параметры запроса
            dataType: "json",//тип возвращаемого ответа text либо xml
            success:function ($data) {//возвращаемый результат от сервера
               $("#otvet1").text($data) ;
                
            }}
        )
    }
     
    function Send2() {
        //отправляю POST запрос и получаю ответ
        $.ajax({
            type:'post',//тип запроса: get,post либо head
            url:'ajax3.php',//url адрес файла обработчика
            data:{'z':'1'},//параметры запроса
            dataType: "json",//тип возвращаемого ответа text либо xml
            success:function (data) {//возвращаемый результат от сервера
               $("#otvet2").text($data); 
               
            }
        });
        
 
    }
 
 
 
 
    </script>
<title>Документ без названия</title>
</head>
 
<body>
<div id="calc">
    <input type='checkbox' name='nomer[]' value='otvet1' onclick="Send1();" >  
     <input type='checkbox' name='nomer[]' value='otvet2' onclick="Send2();"> 
  
</div>
<div id="summ"></div>
<input type="button" name="btn" value="Подсчитать" onclick="calc()" />
</body>
</html>

ajax2.php

PHP
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
<?php
    
    
    
    if(isset($_POST['z']) ) {
       
        if($_POST['z']=='1' ) {
            $db = mysql_connect ( 'localhost', 'root', '' );
                
 
          mysql_query("SET NAMES 'cp1251'");
    if(!$db) die("bvbvnbvnvbn");
    if(!mysql_select_db ( 'sporting')) die("vbnvbnbvn");
 
  
    //$name = mysql_real_escape_string($name, $db);    
   $sql = "SELECT score
            FROM sor2
            where id=4 " ;
    $data = mysql_query ($sql) or die(mysql_error());
   
    while ($row = mysql_fetch_array($data , MYSQL_NUM)) {
        $rows[] = $row;
    }
    echo json_encode($rows);
        
        }}
 
    ?>

а на стороне сервера как вы и советовали сделать:
ajax3.php

PHP
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
<?php
    if(isset($_POST['q']) ) {
       
        if($_POST['q']=='1' ) {
            $db = mysql_connect ( 'localhost', 'root', 'root' );
                
 
          mysql_query("SET NAMES 'cp1251'");
    if(!$db) die("bvbvnbvnvbn");
    if(!mysql_select_db ( 'sporting')) die("vbnvbnbvn");
 
  
    $name = mysql_real_escape_string($name, $db);    
    $sql = "SELECT score
            FROM sor2
            where id=1 " ;
    $data = mysql_query ($sql) or die(mysql_error());
  
    while ($row = mysql_fetch_array($data , MYSQL_NUM)) {
        $rows[] = $row;
    }
    echo json_encode($rows);
    
    
        }}
 
    ?>

Сорри за глупые вопросы но я лузер и ничегго не получается. Ничего не выводится перепробывал все!!

@new day · 29.05.2013, 22:05 **[ТС]**

народ подскажите что я не так делаю в обработке JSON? Спасибо.

@Soldado · 30.05.2013, 15:59

Посмотрите на упрощённом примере
index.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
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>Json вывод в цикле строк из базы данных</title>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
   
<script type="text/javascript">
$(document).ready(function(){
    
var myArr = []; 
$('.link').click (function(){
     $.ajax({
            type:'post',//тип запроса: get,post либо head
            url:'ajax2.php',//url адрес файла обработчика
            data:{'q':'1'},//параметры запроса
            dataType: "json",//тип возвращаемого ответа text либо xml
            success:function (data) {//возвращаемый результат от сервера
            myArr=data.ddd;
            for (i=0;i<myArr.length;i++){
                $('#otvet1').append(myArr[i]+"<br/>");
            }  
                
            }
            
            });
            
 });
 
 
 
});/*end  ready*/
</script>
 
<style>
#otvet1{
    width: 300px;
    border: 1px solid #419a16;
    min-height: 100px;
}   
    
</style>
</head>
 
<body>
<a href="#" class="link">Извлечь из базы данных json</a>
<div id="otvet1"></div>
</body>
</html>

ajax2.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php 
   if(isset($_POST["q"])) {
   $db=mysql_connect("localhost","root",""); /*Соединение, задаём имя сервера, имя пользователя и пароль.*/
   mysql_select_db ("sporting"); /*Обращение к базе и возвращённый идентификатор $db.*/
  
               $sql = "SELECT score
            FROM  sor2 " ;
    $data = mysql_query ($sql) or die(mysql_error());
 
while ($row = mysql_fetch_array($data))
 {
    $rows['ddd'][]=$row['score'];
 }     
 echo json_encode($rows); }?>

@new day · 01.06.2013, 20:09 **[ТС]**

я запустил этот код но он не работает!!! Подскажите почему? у меня еще вопрос а как вставить строку которая приходит из сервака в typе='checkbox' в value=' ', для дальнейшего суммирования значений value=' '. Спасибо

Добавлено через 22 часа 53 минуты
Soldado, Подскажите плиз почему код не работает?

@Soldado · 04.06.2013, 15:25

Сообщение от new day

Подскажите плиз почему код не работает?

Как "не работает" код можно увидеть здесь.

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
<script type="text/javascript">
$(document).ready(function(){
    
var myArr = []; 
$('.link').click (function(){
     $.ajax({
            type:'post',//тип запроса: post 
            url:'ajax2.php',//url адрес файла обработчика
            data:{'q':'1'},//параметры запроса
            dataType: "json",//тип возвращаемого ответа text либо xml
            success:function (data) {//возвращаемый результат от сервера
            myArr=data.ddd;
            for (i=0;i<myArr.length;i++){
                $('#otvet1').append(myArr[i]+"<br/>");
            }  
                
            }
            
            });
            
 });
 
 
 
});/*end  ready*/
</script>

Сообщение от new day

у меня еще вопрос а как вставить строку которая приходит из сервака в typе='checkbox' в value=' ', для дальнейшего суммирования значений value=' '

Вы же говорили o json выводе строк, и не одной, а всех - и какую из них Вы хотели бы записать в value. Зачем тогда json и дальнейшее суммирование?

Может не стоило возвращать построчно данные? Можно весь массив строк соединить в строку в PHP - передать это объединённое значение в success, а там записать всё в value сheckbox'a.

@new day · 04.06.2013, 23:34 **[ТС]**

Дело в том, что допустим есть 5 чекбоксов с пустыми value, необходимо сделать так, если жмешь на чекбокс идет запрос в базу и присылается ответ и записывается в этот чекбокс value число, и т .д. сколько нужно чекбоксов, а после нажатия на кнопку все выбранные чекбоксы их value суммируются! Вот так. Может пример покажите. Очень благодарен за любую помощь.

@Soldado · 05.06.2013, 12:50

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>Сумма value</title>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
   
<script type="text/javascript">
$(document).ready(function(){
    $('input[type=checkbox]').change(function(){ // изменяем отмеченность чекбокса
     
        if (this.checked){ // если он отмечен, то
          $(this).addClass('active');// добавляем этому чекбоксу класс active
            var dt = $(this).attr('data-title'); // в переменную заносим значение атрибута data-title этого чекбокса и
            $.ajax({// отправляем ajax запрос
                type:'post',//тип запроса: post 
                url:'ajax2.php',//url адрес файла обработчика
                data:{id:dt},// в переменной $_POST['id'] отправляем извлечённое значение data-title этого чекбокса  
                success:function (data) {//возвращаемый результат от сервера
                            $('.active').val(data); // заносим результат в value этого чекбокса
                        $('input[type=checkbox]').removeClass('active'); // удаляем класс active    
                        }
                });// закрываем ajax
            }
        else{// если не отмечен, то очищаем val этого чекбокса
            $(this).val("");   
            }
    });     
            
            
            
$('#addValue').click (function(){// кликаем по кнопке
    var resADD=0;// начальное значение суммы в ноль
     $('input[type=checkbox]').each(function(){ // каждый чекбокс
        if (this.checked){ // если он отмечен, то
           var val = parseInt($(this).val()); // извлекаем значение value и оцифровываем его
            resADD=resADD+val; // прибавляем извлечённое значение
            }
         });
    $('#summa').text(resADD);// заносим в span  результат сложения  
 });
 
 
 
});/*end  ready*/
</script>
</head>
 
<body>
    10 : <input type="checkbox" data-title="1" value=""/><br/>
    20 : <input type="checkbox" data-title="2" value=""/><br/>
    30 : <input type="checkbox" data-title="3" value=""/><br/>
    40 : <input type="checkbox" data-title="4" value=""/><br/>
    50 : <input type="checkbox" data-title="5" value=""/><br/>
Результат сложения: <span id="summa"></span>   <br/>
<input type="button" id="addValue"  value="Сложить value всех отмеченных чекбоксов"/>
    
</body>
</html>

PHP
1
2
3
4
5
6
7
8
9
10
11
12
<?php 
   if(isset($_POST["id"])) {
    $id=$_POST["id"];
   require_once 'connectdb.php';// файл - подключение к бд
   
     $sql = "SELECT score  FROM  sor2 where id='$id'" ;
     $data = mysql_query ($sql) or die(mysql_error());
     $myrow = mysql_fetch_array($data); 
            $rez=$myrow['score'];
   echo $rez;
   }
?>

Donald28 · 05.06.2013, 15:57

Ну обычно в JSON выводят ассоциативные массивы.

В JS переменные пишутся без знака $:

Сообщение от new day

$("#otvet1").text($data) ;

т.е. перед data нужно его убрать (он у тебя присутствует не только в приведенном примере).

и чтобы вывести элемент массива надо записать, например, так:

JavaScript
1
$("#otvet2").text(data[0]);

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. 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 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@new day 0 / 0 / 0 Регистрация: 02.12.2012 Сообщений: 52
	18.05.2013, 19:17 [ТС]
	Плиз... подскажите что-нибудь? 0

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	18.05.2013, 20:11
	За Вас сделать все?Где код PHP,javascript,ajax? 0

@new day 0 / 0 / 0 Регистрация: 02.12.2012 Сообщений: 52
	22.05.2013, 21:44 [ТС]
	aarkhipov, Подскажите плиз сслыку на статью как правильно вывести данные? спасибо 0

@new day 0 / 0 / 0 Регистрация: 02.12.2012 Сообщений: 52
	29.05.2013, 22:05 [ТС]
	народ подскажите что я не так делаю в обработке JSON? Спасибо. 0

@new day 0 / 0 / 0 Регистрация: 02.12.2012 Сообщений: 52
	01.06.2013, 20:09 [ТС]
	я запустил этот код но он не работает!!! Подскажите почему? у меня еще вопрос а как вставить строку которая приходит из сервака в typе='checkbox' в value=' ', для дальнейшего суммирования значений value=' '. Спасибо Добавлено через 22 часа 53 минуты Soldado, Подскажите плиз почему код не работает? 0

@new day 0 / 0 / 0 Регистрация: 02.12.2012 Сообщений: 52
	04.06.2013, 23:34 [ТС]
	Дело в том, что допустим есть 5 чекбоксов с пустыми value, необходимо сделать так, если жмешь на чекбокс идет запрос в базу и присылается ответ и записывается в этот чекбокс value число, и т .д. сколько нужно чекбоксов, а после нажатия на кнопку все выбранные чекбоксы их value суммируются! Вот так. Может пример покажите. Очень благодарен за любую помощь. 0