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

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

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