Вставить json объект в html элемент - PullRequest
0 голосов
/ 23 апреля 2020

Я создал страницу html, которая имеет следующий код, и я хочу сопоставить элемент json со значением data-site-key, чтобы он равнялся объекту site-key вместо "6LeoeSkTAAAAAA9rkZs5oS82l69OEYjKRZAiKdaF ".

config. json

{
  "sitekey": "6LeWwRkUAAAAAOBsau7KpuC9AV-6J8mhw4AjC3Xz",
  "bankPort": "8080"
}

HTML

     <html>
    <head>
    	<title>Captcha Harvester</title>
    	<script src="https://www.google.com/recaptcha/api.js" async defer></script>
    
    
    <body>
        <p id="output"></p>
    </body>
    
    </head>
    <body>
    
    	<form action="/submit" method="POST">
    		<div class="g-recaptcha" id="captchaFrame" data-sitekey="6LeoeSkTAAAAAA9rkZs5oS82l69OEYjKRZAiKdaF" data-callback="sub"></div>
    	</form>
    
    	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    
    	<script>
    
    		const remote = require('electron').remote
      		const app = remote.app
      		const ipcRenderer = require('electron').ipcRenderer
    
    		function sub() {
    			ipcRenderer.send('sendCaptcha', grecaptcha.getResponse());
    			grecaptcha.reset();
    		}
    	</script>
    </body>
    </html>

1 Ответ

0 голосов
/ 23 апреля 2020

Как то так?:

enter image description here

const siteKey = 
{
  sitekey: "6LeWwRkUAAAAAOBsau7KpuC9AV-6J8mhw4AjC3Xz",
  bankPort: "8080"
}

const siteKeyString = JSON.stringify(siteKey)

const div = document.getElementById("divTest")

div.dataset.sitekey = siteKeyString

console.log(div)
<div id="divTest" data-sitekey ="">Inspect Me!</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...