отправка переменной javascript в скрипт php через сообщение без формы

Question

Я знаю, что существует немало вопросов, подобных моим, но я пытаюсь передать переменную javascript в php-скрипт с использованием AJAX. Может ли кто-нибудь указать, что я делаю неправильно? Кажется, это не понятно. Мой Javascript на исходной странице:

var myvariable = document.documentElement.innerHTML; 
// send variable to server via ajax here 
$.ajax({ 
    url: 'myphp.php', 
    data: { myvariable : myvariable }, 
    type: 'POST', 
    success: function(result) { 
    alert("success!"); 
     } 
}); 

, а затем получить на «» myphp.php странице:

<?php 
if(isset($_POST['myvariable'])) 
{ 
$myvariable = $_POST['myvariable']; 
} 
?> 

Я пытаюсь сделать это без использования отправки формы - я просто хочу его для отправки переменной через ajax при загрузке страницы. Попытка повторить или распечатать переменную $ myvariable приводит к пустой странице. Также попытка использовать эту переменную в вызове API дает мне предупреждение о том, что поле пустое.

Answer 1

Я вижу, что вы хотите делать, но, к сожалению, его логика неуместна.

PHP загружается до Javascript, так как сервер анализирует его перед отправкой в ​​ваш браузер. Таким образом, $myvariable не имеет значения, пока он не получит его из запроса AJAX, который не появляется, пока страница не загрузится. Поскольку новая версия страницы не запрашивается повторно, вы не видите ничего нового.

Вам необходим способ передачи переменной из файла PHP обратно в браузер динамически. Это делается с использованием JSON или чего-то подобного для отправки переменных обратно в Javascript непосредственно для разбора в браузере.

После того, как у вас есть библиотека JSON на вашем сервере, вы установите dataType: json в своем Javascript, и на вашем PHP вы вызываете json_encode($responseData);.

Ах да, и как другие сказали:

var myvariable = document.getElementByID('idforelement'); 

Answer 2

Прочитайте это сделать Ajax вызов: jQuery Ajax

И использовать document.getElementByID('element_id').innerHTML ИЛИ document.getElementByName(' ').innerHTML получить значение innerHTML элемента.