Передать переменные из js в php с использованием ajax

@Каспер Кроне · Регистрация: 15.01.2016

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

Всем привет.
Знаю, что тем таких много было, я просмотрела уже штук 20, и все равно не могу понять, что не так.
У меня есть скрипт:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function Coor() {
var offset = jQuery(this).offset();
var x = offset.left;
var y = offset.top;
    jQuery(document).ready(function(){
    jQuery.ajax({
    type: "POST",
    url: "C:/WebServers/home/device.ru/www/wp-content/themes/Device/test.php",
    data:({top:y})
        
     });    
    alert('left = ' + x + 'top = ' + y);
})
}

и есть php

PHP
1
2
3
$data = $_POST;
$data['y'];
if(!$data['y']) {echo ("<p>UJDHAk</p>");}

И вот эта самая передача переменной, которая мне нужна, не работает. Кто подскажет, в чем проблема?

@Azdeman · 29.07.2016, 13:36

а где success?
http://jquery.page2page.ru/ind... 0%BE%D1%81

@Каспер Кроне · 29.07.2016, 13:46 **[ТС]**

Azdeman, добавила

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function Coor() {
var offset = jQuery(this).offset();
var x = offset.left;
var y = offset.top;
    jQuery(document).ready(function(){
    jQuery.ajax({
    type: "POST",
    url: "C:/WebServers/home/device.ru/www/wp-content/themes/Device/test.php",
    data:({top:y}),
    success: function(){
    alert('Load was performed.');
  } 
     });    
    alert('left = ' + x + 'top = ' + y);
})
}

но все равно не работает.

Добавлено через 1 минуту
А если прописываю error, то получаю сообщение о неудачном завершении.

@Azdeman · 29.07.2016, 13:52

А вы вообще вызываете эту функцию?

@Каспер Кроне · 29.07.2016, 14:06 **[ТС]**

Azdeman, очень странный вопрос, разумеется, вызываю. И она работает, так как координаты я получаю. Но во отправить их в php, что самое главное - не получается.

Добавлено через 11 минут
Может, это как-то связано с тем, что у меня сайт на вордпрессе? Но все скрипты и библиотеки подключены.

@Azdeman · 29.07.2016, 14:07

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function Coor() {
var offset = jQuery(this).offset();
var x = offset.left;
var y = offset.top;
    jQuery.ajax({
    type: "POST",
    url: "C:/WebServers/home/device.ru/www/wp-content/themes/Device/test.php",
    data:{
            top:y
            },
    success: function(){
    alert('Load was performed.');
  } 
     });    
    alert('left = ' + x + 'top = ' + y);
}

@Каспер Кроне · 29.07.2016, 14:13 **[ТС]**

Azdeman, так я пробовала уже, не работает.

@Azdeman · 29.07.2016, 14:17

Как вариант прикрепите файл. Будем смотреть.
Верный ли Url?

Добавлено через 1 минуту

Сообщение от Каспер Кроне

jQuery.ajax({

JavaScript
1
$.ajax({

@Каспер Кроне · 29.07.2016, 14:20 **[ТС]**

Azdeman, да, путь верный.
Это тоже не работает:

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

1 $.ajax({

Прикрепить файл какой и куда?

@Пифагор · 29.07.2016, 14:22

Тогда реализуйте на чистом JS
тут

@Каспер Кроне · 29.07.2016, 14:28 **[ТС]**

Пифагор, я хотела бы так сделать, но совсем не могу в этом разобраться, пока что, по крайней мере.

@Пифагор · 29.07.2016, 14:45

Тогда настоятельно рекомендую пока не трогать JQuery.
Выучите JS. Как его поймете (именно не выучите, а поймете), по можно за JQuery браться.

@Каспер Кроне · 29.07.2016, 14:49 **[ТС]**

Пифагор, знаю, так и нужно, но мне так или иначе придется решать эту задачу и как можно быстрее.

@WhiteMind · 29.07.2016, 15:18

Сообщение от Каспер Кроне

C:/WebServers/home/device.ru/www/wp-content/themes/Device/test.php

это что такое

@Kerry_Jr · 29.07.2016, 15:46

Сообщение от Каспер Кроне

data:({top:y})

Сообщение от Каспер Кроне

$data['y'];

Не по тому индексу обращаетесь.

PHP
1
if (isset($data['top'])) echo "<p>UJDHAk</p>";

@Каспер Кроне · 29.07.2016, 16:04 **[ТС]**

WhiteMind, полный путь к файлу, если прописывать иначе - скрипт не работает вообще.
Kerry_Jr, тоже не работает.

Я думаю, проблема в том, что надо правильно подключить ajax в wordpress, но у меня это пока что не получается.

@Kerry_Jr · 29.07.2016, 16:07

Сообщение от Каспер Кроне

если прописывать иначе - скрипт не работает вообще.

URL нужно прописывать, а не абсолютный путь.

@Каспер Кроне · 29.07.2016, 16:15 **[ТС]**

Kerry_Jr, хорошо, прописала, но проблему это не решило.

@Kerry_Jr · 29.07.2016, 16:19

Каспер Кроне, скиньте исправленный код AJAX'а и PHP сюда.

@Каспер Кроне · 29.07.2016, 16:27 **[ТС]**

Kerry_Jr,

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
$dblocation = "localhost"; 
$dbname = "wpdevice";
$dbuser = "root";         
$dbpasswd = "";          
$dbcnx = @mysql_connect($dblocation,$dbuser,$dbpasswd);
if (!$dbcnx) 
{
  echo("<P>В настоящий момент сервер базы данных не доступен, поэтому 
           корректное отображение страницы невозможно.</P>");
  exit();
}
$data = $_POST;
$data['top'];
if (isset($data['top'])) echo "<p>UJDHAk</p>";
?>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function Coor() {
var offset = jQuery(this).offset();
var x = offset.left;
var y = offset.top;
    $.ajax({
    type: "POST",
    url: "http://device.ru/www/wp-content/themes/Device/test.php",
    data:{
            top:y
            },
    success: function(){
    alert('Load was performed.');
  } 
     });    
    alert('left = ' + x + 'top = ' + y);
}

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@Azdeman Фрилансер 1871 / 1362 / 604 Регистрация: 12.01.2011 Сообщений: 5,470
	29.07.2016, 13:36
	а где success? http://jquery.page2page.ru/ind... 0%BE%D1%81 0

@Azdeman Фрилансер 1871 / 1362 / 604 Регистрация: 12.01.2011 Сообщений: 5,470
	29.07.2016, 13:52
	А вы вообще вызываете эту функцию? 0

@Каспер Кроне 12 / 5 / 5 Регистрация: 15.01.2016 Сообщений: 50
	29.07.2016, 14:06 [ТС]
	Azdeman, очень странный вопрос, разумеется, вызываю. И она работает, так как координаты я получаю. Но во отправить их в php, что самое главное - не получается. Добавлено через 11 минут Может, это как-то связано с тем, что у меня сайт на вордпрессе? Но все скрипты и библиотеки подключены. 0

@Каспер Кроне 12 / 5 / 5 Регистрация: 15.01.2016 Сообщений: 50
	29.07.2016, 14:13 [ТС]
	Azdeman, так я пробовала уже, не работает. 0

@Пифагор 2172 / 1655 / 840 Регистрация: 10.01.2015 Сообщений: 5,207
	29.07.2016, 14:22
	Тогда реализуйте на чистом JS тут 0

@Каспер Кроне 12 / 5 / 5 Регистрация: 15.01.2016 Сообщений: 50
	29.07.2016, 14:28 [ТС]
	Пифагор, я хотела бы так сделать, но совсем не могу в этом разобраться, пока что, по крайней мере. 0

@Пифагор 2172 / 1655 / 840 Регистрация: 10.01.2015 Сообщений: 5,207
	29.07.2016, 14:45
	Тогда настоятельно рекомендую пока не трогать JQuery. Выучите JS. Как его поймете (именно не выучите, а поймете), по можно за JQuery браться. 0

@Каспер Кроне 12 / 5 / 5 Регистрация: 15.01.2016 Сообщений: 50
	29.07.2016, 14:49 [ТС]
	Пифагор, знаю, так и нужно, но мне так или иначе придется решать эту задачу и как можно быстрее. 0

@Каспер Кроне 12 / 5 / 5 Регистрация: 15.01.2016 Сообщений: 50
	29.07.2016, 16:04 [ТС]
	WhiteMind, полный путь к файлу, если прописывать иначе - скрипт не работает вообще. Kerry_Jr, тоже не работает. Я думаю, проблема в том, что надо правильно подключить ajax в wordpress, но у меня это пока что не получается. 0

@Каспер Кроне 12 / 5 / 5 Регистрация: 15.01.2016 Сообщений: 50
	29.07.2016, 16:15 [ТС]
	Kerry_Jr, хорошо, прописала, но проблему это не решило. 0

@Kerry_Jr 3106 / 2591 / 1219 Регистрация: 14.05.2014 Сообщений: 7,236 Записей в блоге: 1
	29.07.2016, 16:19
	Каспер Кроне, скиньте исправленный код AJAX'а и PHP сюда. 0