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

@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;

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

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