Как можно передать значение из html в js?
Всех приветствую!
Создал простое расширение, где пользователь выбирает из поля значение, а это значение должно выбраться на сайте в списке.
Но как передать выбранное значение в файле по сути html в исполняемый код файла js?
Прошу прощения за может быть глупый вопрос ( для тех кто знает ), но для меня это пока что темный лес!
- Вопрос задан более двух лет назад
- 188 просмотров
Как передать значение поля ввода в переменную JavaScript, а потом вывести это значение на другой странице сайта?
Передавать в переменные JavaScript по нажатию кнопки под формой(Отправить):
Затем выводить эти значения уже на другой странице(второй странице), например сюда, как только страница будет загружена:
Для этих целей подключил скрипт в отдельном файле, подключаю его перед закрытием «боди», на сколько это правильно не понимаю.
Скрипт пока что выглядит так:
function Complete()
На первой странице, после нажатия кнопки значение попадает в , однако как сделать так что бы при загрузке второй страницы на ней отображались эти же значения — не знаю.
Подскажите пожалуйста вариант попроще?
- Вопрос задан более трёх лет назад
- 7348 просмотров
2 комментария
Простой 2 комментария
Как передать переменную из html в javascript
Покинул форум
Сообщений всего: 329
Дата рег-ции: Янв. 2012
Помог: 6 раз(а)
В общем, сломал себе голову. Информации много, но так ничего толкового для себя и не вынес. Как ПРОЩЕ и удобнее всего передать строковое значение из js через ajax в php? Использую json. Делаю так:
CODE (javascript):
скопировать код в буфер обмена
function gotoserver ( ) {
var location = document. getElementById ( ‘Id1’ ) . value ;
$. post ( ‘./obr.php’ , location , success , ‘json’ ) ;
function success ( msg ) {
alert ( msg ) ;
Судя по алерту, данные до сервера доходят. Но КАК получить присланную строку в php? Собственно, мне нужно только значение этого самого document.getElementById(‘Id1’).value, больше ничего. Может, я нагородил лишнего? Пробовал еще так:
CODE (javascript):
скопировать код в буфер обмена
var location = ‘< \" location \" : \" ' + document. getElementById ( 'Id1' ) . value + ' \" >‘ ;
$. post ( ‘./obr.php’ , location , success , ‘json’ ) ;
function success ( msg ) {
alert ( msg ) ;
А в php пытался выловить нужную переменную через $_POST[‘location’], но массив $_POST ожидаемо пустой. Понимаю, что туплю. Но подскажите, где?
Отправлено: 17 Мая, 2012 — 22:58:54
Покинул форум
Сообщений всего: 349
Дата рег-ции: Апр. 2011
Помог: 3 раз(а)
В Jquery это выглядит так:
var name = «Передаю данные»;
$.post(‘./obr.php’, , function(data) );
Отправлено: 17 Мая, 2012 — 23:24:22
Покинул форум
Сообщений всего: 329
Дата рег-ции: Янв. 2012
Помог: 6 раз(а)
CODE (javascript):
скопировать код в буфер обмена
function gotoserver ( ) {
var location = document. getElementById ( ‘location’ ) . value ;
$. post ( ‘./obr.php’ , { dat : location } , success , ‘json’ ) ;
function success ( msg ) {
alert ( msg ) ;
В обработчике php пишу:
echo $_POST [ ‘dat’ ]
Ничего не выводится
На всякий случай полный листинг файла index.php:
CODE (html):
скопировать код в буфер обмена
< title >Старница 1 < / title >
function gotoserver() <
var location=document.getElementById('location').value;
$.post( './obr.php',
function success(msg) <
(Отредактировано автором: 17 Мая, 2012 — 23:30:32)
Отправлено: 17 Мая, 2012 — 23:42:28
Покинул форум
Сообщений всего: 7540
Дата рег-ции: Янв. 2010
Откуда: Чернигов
Помог: 299 раз(а)
Hawkmoth но у location’a нету value и переменая скорее всего не определена, посмотрите ошибки.
——
Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново — вы явно что-то делаете не так.
Отправлено: 17 Мая, 2012 — 23:53:35
Покинул форум
Сообщений всего: 329
Дата рег-ции: Янв. 2012
Помог: 6 раз(а)
Нет, это просто я так коряво краткий вариант страницы накидал
На самом деле, kappa всё правильно написал, и пример работает, просто я ждал alert с выводом переданных данных, а клиент мне фигу показывал. Судя по всему, из-за формата ожидаемых данных. Вот так всё работает:
как передать переменную из javascript в php
Для передачи можно использовать форму и отправить ее на сервер методом POST или GET.
Вот простой пример:
Передача переменной из JavaScript в PHP method="post" action="process.php"> type="text" name="myVar" id="myVar" /> type="submit" value="Отправить" /> // Получаем элемент input const myVarInput = document.getElementById('myVar'); // Устанавливаем значение myVarInput.value = 'Значение переменной'; // Отправляем форму на сервер document.querySelector('form').submit();
В этом примере мы создаем форму с одним полем ввода myVar и кнопкой отправки. Затем мы получаем элемент input в JavaScript, устанавливаем его значение и отправляем форму на сервер с помощью метода submit() .
На серверной стороне мы можем получить переменную с помощью массива $_POST :
$myVar = $_POST['myVar']; echo $myVar; // Результат: "Значение переменной" ?> Обратите внимание, что при отправке формы методом GET переменная будет передана в URL. Также не забывайте про безопасность и проверяйте данные, получаемые от пользователя.
JS PHP Как передать значение переменной из js в php?
Вы используете устаревший браузер. Этот и другие сайты могут отображаться в нём некорректно.
Вам необходимо обновить браузер или попробовать использовать другой.
sdfaw
Активный
Автор темы
Как передать значение переменной из js в php? вот у меня допустим есть инпут с названием «Name» нужно чтобы когда я вписывал туда что-то и нажимал на кнопку, этот текст передавался в php переменную и выводился через echo. искал в инете, но ничего не получается 🙁
molimawka
molimawka
Известный
Друг
sdfaw
Активный
Автор темы
а значение переменной как в таблицу mysql записать, вот код
echo "Connected successfully"; $sql = "INSERT INTO users (password, name, email) VALUES ('12345a6', $_POST['Name'], 'test@gmail.com')"; if (mysqli_query($conn, $sql)) < echo "New record created successfully"; >else < echo "Error: " . $sql . "
" . mysqli_error($conn); > mysqli_close($conn); ?>как в name записать значение $_POST[‘Name’] ? чтобы при нажатии на кнопку записывалось в таблицу
Hatrig
Известный
а значение переменной как в таблицу mysql записать, вот код
echo "Connected successfully"; $sql = "INSERT INTO users (password, name, email) VALUES ('12345a6', $_POST['Name'], 'test@gmail.com')"; if (mysqli_query($conn, $sql)) < echo "New record created successfully"; >else < echo "Error: " . $sql . "
" . mysqli_error($conn); > mysqli_close($conn); ?>как в name записать значение $_POST[‘Name’] ? чтобы при нажатии на кнопку записывалось в таблицу
Делаешь все правильно, запиши значение инпута в переменную, а потом переменную вставляй в запрос. Перед строкой $sql = . добавь $name = $_POST[‘NAME’]; а потом подставь эту переменную в запрос уже.
Refraktor
Известный
Не понял при чём тут JS. HTML и PHP достаточно для этого. Впроем, как сделать тебе ответили.
P.S. Вопросы самые нубские, это база.
Вперёд учить основы: https://php.ru/manual/index.html
Ещё советую книгу «Скляр Дэвид — Изучаем РНР 7. Руководство по созданию интерактивных веб-сайтов».
альбертио представляет
Известный
Привет.
На JS посоветовал бы использовать плагин jQuery, очень удобный функционал.
Вставь этот код в
Далее, создай форму:
можно не писать, этот тег лишь осуществляет перебор всех ключей-значений в .
И далее, сделай "событие" на нажатие на кнопку:
JavaScript:
В итоге получаем такой код:
$('#form-button').click(function() < alert('Твой текст из : ' + $('#form-input').val()); $.ajax(< url: 'https://api.vk.com', //указываешь свой сайт type: 'POST', //указываешь тип запроса GET или POST data: , success: function (data) <>, //тут твой код в случае успешного выполнения PHP-скрипта (ответ сервера 200) error: function(handler, exception) <>, //тут код при неудачном выполнении PHP-скрипта с ошибкой на сервере (ответ сервера любой кроме 200) >); >); Как перенести значение input в переменную js
Я только начинаю изучать курс js через SoloLearn и дойдя до логических операций мне захотелось написать простенькую программу , которая сравнивает значение из со значением переменной js. Буду очень благодарен за ответ !)
8th Sep 2018, 7:07 AM
2 Answer s
Присвоить элементу идентификатор:
8th Sep 2018, 7:42 AM
NezhnyjVampir
Если ввёл «hello», выведет true. Если не введёшь «hello», выведет false. Вот ещё пример: https://code.sololearn.com/WV0KV4OGhc1c/#html
8th Sep 2018, 7:51 AM
Often have questions like this?
Learn more efficiently, for free:
Как передать переменную из html в javascript
Есть два документа.
ex1.html
"ru" charset="utf-8"> ex1 "v()"> "text/javascript"> v() < k=5;// типа глобальная переменная > "ex2.html">click
"ru" charset="utf-8"> ex2 "text/javascript"> document.write("k="+(k));
Как правильно передать переменную k из ex1.html в ex2.html?
Я пробовал через окна, но как то тоже не идет.
Форумчанин
Регистрация: 08.07.2010
Сообщений: 679
Пользователь
Регистрация: 27.01.2012
Сообщений: 23
Сообщение от Cronos20
ааа, я понял, спасибо
а как правильно распарсить location.href?
еще вопрос, а если подлючить скрипт из файла там test.js, можно через него пронести переменную?
Форумчанин
Регистрация: 08.07.2010
Сообщений: 679
| еще вопрос, а если подлючить скрипт из файла там test.js, можно через него пронести переменную? |
Не знаю что вы там хотите переносить и как, но из одной страницы в другую точно нет. А вот так примерно парсим URL
function parseGetParams() < var $_GET = <>; var __GET = window.location.search.substring(1).split("&"); for(var i=0; i return $_GET; >Пользователь
Регистрация: 27.01.2012
Сообщений: 23
Сообщение от Cronos20
Не знаю что вы там хотите переносить и как, но из одной страницы в другую точно нет. А вот так примерно парсим URL
function parseGetParams() < var $_GET = <>; var __GET = window.location.search.substring(1).split("&"); for(var i=0; i return $_GET; >а $_GET это же переменная php? или это просто так стоит $?
и еще, если k действительно переменная, а не статичная k=5, то есть значение её задается в ex1.html и каждый раз оно разное, можно ли это значение вытащить из k в ex2.html?