Передача данных в скрипт и получение данных из скрипта

@ISerg1986 · Регистрация: 12.01.2014

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

Здравствуйте!
Мучаюсь с задачей уже 4й день, в силу незнанания/плохого знания jQuery.
Читаю, пробую и даже уже начинаю немного понимать, но всё равно не работает.
Не могли бы вы мне помочь?

Задача такая - по нажатию на ссылку (у ссылки есть id), передать этот id в php скрипт.
В php скрипте что-то сделать с этим id. (это я сам сделаю, вопросов в php нет).
Далее вернуть результат работы (echo) в div с определённым id (пусть id нажатой ссылки + какое-то число)

Код ниже, выводит по нажатию кнопки, в диве my_div слово Preved.
В JS уже определена переменная data, для передачи php скрипту. Но я не знаю, как передать туда id нажатой кнопки.
И как получить этот id в php скрипте.
Пробовал всякие варианты - $_GET $_POST $_REQUEST но видимо что-то я делаю не так.

HTML5
1
2
<div id="my_div" class="my_div"></div>
<input type="button" value="Запросить json" class="json" class = "click" id = "1" />

JavaScript
1
2
3
4
5
6
7
8
9
 $(function (){
    $("input.json").click(function (){
        $.getJSON("do_action.php",data, function (data){
            for(j in data)
                $(j).html(data[j]);
        });
    });
    
});

PHP
1
echo'{".my_div":Preved}';

@xZooYx · 24.06.2014, 10:04

Сообщение от ISerg1986

Для начала у вас полно ошибок в этой строке: классы указываются в одном атрибуте через пробел и после имени атрибутов не должно быть пробелов, то есть строка должна выглядеть так:

HTML5
1
<input type="button" value="Запросить json" class="json click" id="1" />

Кроме того наверное не стоит использовать стандартный атрибут id, в нем все таки должна быть строка, а не число; сделайте лучше какой-нибудь свой, например data-id.
ну а получать значение атрибута:

JavaScript
1
var id = $("input.json").attr('id');

@ISerg1986 · 24.06.2014, 10:14 **[ТС]**

xZooYx, спасибо это я описался. Много экспериментов с разными скриптами. Спешил.

То есть код будет таким?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
var data = $("input.json").attr('id');//это id элемента по которому "кликнул" пользователь
 
//Передаём этот id как переменную data скрипту do_action.php и запрашиваем результат
$(function (){
    $("input.json").click(function (){
        $.getJSON("do_action.php",data, function (data){
            for(j in data)
                $(j).html(data[j]);
        });
    });
    
});

И как мне в php скрипте получить переданную переменную data?
Я пробовал $_GET $_POST $_REQUEST[data] но не получилось.

@ISerg1986 · 26.06.2014, 18:54 **[ТС]**

Тема всё ещё актуальна.

Ответа не нашел.

@Freeden · 27.06.2014, 00:46

Вместо getJSON передайте значение с помощью $.post:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$.post(
  "do_action.php",
  {
    id_from_js: data
   },
  onAjaxSuccess //функция выполняемая при завершенной передаче данных и получении ответа от  do_action.php
);
 
function onAjaxSuccess(data_from_php)
{
  // Здесь мы получаем данные, отправленные сервером 
  alert(data_from_php);
}

Файл do_action.php получит значение переменной data в массив $_POST["id_from_js"]

Добавлено через 35 минут
Если правильно поняла вашу задачу, то содержание файлов примерно такое:

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
<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<div id="my_div1" class="my_div"></div>
<div id="my_div2" class="my_div"></div>
<div id="my_div3" class="my_div"></div>
<div id="my_div4" class="my_div"></div>
<input type="button" value="Запросить json" class="json" class = "click" id = "1" />
<input type="button" value="Запросить json" class="json" class = "click" id = "2" />
<input type="button" value="Запросить json" class="json" class = "click" id = "3" />
<input type="button" value="Запросить json" class="json" class = "click" id = "4" />
<script>
$(document).ready(function(){
$(".json").click(function (e){
  var data = $(this).attr("id");
$.post(
  "do_action.php",
  {
    id_from_js: data
   },
  onAjaxSuccess //функция выполняемая при завершенной передаче данных и получении ответа от  do_action.php
);
 
function onAjaxSuccess(data_from_php)
{
  // Здесь мы получаем данные, отправленные сервером 
  $("#"+data_from_php).html("Записано в " + data_from_php);
}
})
})
</script>

И файл do_action.php:

PHP
1
2
3
<?php
   $div_id = $_POST["id_from_js"];
   echo "my_div".$div_id;

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы 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 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@ISerg1986 16 / 16 / 13 Регистрация: 12.01.2014 Сообщений: 177
	26.06.2014, 18:54 [ТС]
	Тема всё ещё актуальна. Ответа не нашел. 0