Как передать переменную Javascript в JSON?

Я новичок в программировании, пытаюсь научиться! Я передал параметр запроса в переменную JavaScript, используя следующее:

const queryString = window.location.search;
console.info(queryString);
const urlParams = new URLSearchParams(queryString);
var name = urlParams.get('id')

И теперь хотел бы передать его в JSON в приведенном ниже div

<div 
 class = "review-form" 
 data-site-uuid = "xxxxxx" 
 data-form-uuid = "xxxxxx" 
 data-prefill='{"firstName":name}'
></div>

Таким образом, мой параметр в конечном итоге будет отображаться в форме обзора.

Любая помощь высоко ценится!

Сначала я попытался передать переменную JavaScript в поле, прежде чем понял, что это JSON.

Предупреждение: вы не показали, где находится ваш код JavaScript выше, но если он находится в глобальной области видимости, важно использовать let name = ___ вместо var name = ___, потому что последний попытается установить свойство name окна. (Или используйте имя, отличное от name. Или, что еще лучше, не помещайте свой код в глобальную область видимости, используйте модули .) Подробнее: stackoverflow.com/questions/10523701/…

— 04.04.2023 13:19

javascript json variables

04.04.2023 13:11

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я собираюсь предположить, что цель div уже существует на странице к моменту запуска вашего кода JavaScript, и она однозначно идентифицируется с помощью id или селектора CSS. Если так:

Найдите элемент (с помощью document.getElementById , если вы используете id, с помощью document.querySelector, если нет).
Создайте JSON, создав объект с name в качестве свойства firstName, а затем используя JSON.stringify, чтобы получить JSON для этого объекта: JSON.stringify({firstName: name}).
Установите атрибут data-prefix через setAttribute

Например, если это единственный элемент с классом review-form (или первый):

const element = document.querySelector(".review-form");
const json = JSON.stringify({firstName: name});
element.setAttribute("data-prefix", json);

Вы также можете использовать объект element.dataset вместо метода element.setAttribute, но для новичка я бы пока остановился на простом setAttribute.

04.04.2023 13:17

Другие вопросы по теме

JSON-файл триггера фабрики данных Azure: добавить все конвейеры в свойство конвейеров

Почему JS не распознает переменную json во вложенном json

Отправка всего тела запроса в виде объекта JSON в ответ

График отсечки hexbin в пределах указанной границы json

Как преобразовать свойство JSON в объект с помощью ObjectMapper

CROSS APPLY OPENJSON / PIVOT - неправильный порядок

Как преобразовать строку в JSON?

Сопоставление двух json с jq и скриптом bash

Преобразование данных JSON в строку в Swift

Получение списка родительского идентификатора/имени из объекта JSON

Как передать переменную Javascript в JSON?

Ответы 1

Другие вопросы по теме

Похожие вопросы