如何从Javascript变量中获取值并在页面（post）上使用它？

我使用的是第三方服务，它允许您输入自定义html以使用表单收集信息。在表单页面（用户在其中输入信息）和post表单页面中都有一个页面。我问服务部门是否有任何方法，我可以吐出从表单页面收集的信息，并将其发布到post表单页面。例如，如果用户输入了名字John和姓氏Smith，我希望post表单页面显示：

约翰·史密斯，谢谢你提交表格

该服务称这是可能的，因为在post表单页面上有一个名为fields的javascript变量

我查看了他们讨论的javascript，发现：

<script>
var fields = {"age":"on","city":"San Diego","email":"myemail@gmail.edu","firstname":"John","lastname":"Smith","officialrules":"on","state":"CA"}; 

.....

---

查找您的元素，首先将id添加到id：

<p id="info"></p>

添加字符串：

p.innerHTML = 'Thanks for Thanks for submitting the form, ' + fields.firstname + ' ' + fields.lastname + '.';

---

如果您不熟悉JavaScript，也不打算深入研究，那么您可能应该使用它来简化您的工作

<p>Thanks for submitting the form,</p>

$("p").append(" " + fields.firstname + " " + fields.lastname + ".");

感谢您提交此表格

$（“p”）.append（“+fields.firstname+”+fields.lastname+”）；

演示：

这一行代码就是您所需要的全部。；） 甚至不用为那些复杂的“document.getElementById”操心。。。pfff只需在jQuery中执行$（“#yourID”）即可获得相同的效果

---

这是您需要的最简单的代码。当然，你应该给你的

p

一个标识符（

id

），这样它就知道你在说哪一个了。

像下面这样的东西有望足以回答你的问题。但是，在尝试在页面上呈现表单之前，当然还应该从安全角度执行额外的步骤，清理表单上输入的任何数据

<p id="greeting"></p>

<script type="text/javascript">
    var fields = {"age":"on","city":"San Diego","email":"myemail@gmail.edu","firstname":"John","lastname":"Smith","officialrules":"on","state":"CA"};
    document.getElementById('greeting').innerHTML =
        'Thanks for submitting the form, ' +
        fields['firstname'] + ' ' + fields['lastname'] + '.';
</script>

变量字段={“年龄”：“开”，“城市”：“圣地亚哥”，“电子邮件”：myemail@gmail.edu“，”姓“：”约翰“，”姓“：”史密斯“，”官方规则“：”开“，”州“：”CA”}；
document.getElementById（'greeting'）.innerHTML=
“谢谢你提交表格，”+
字段['firstname']+''+字段['lastname']+'；

首先，您需要给出

元素和“id”，以便在javascript代码中访问它。在java脚本中访问html元素，如

。元素声明通常如下所示：

<p id="myId"></p>

接下来，您必须访问javascript变量，并在要存储的字符串中使用它，该字符串如下所示：

<script>
    var fields = {"age":"on","city":"San Diego","email":"myemail@gmail.edu","firstname":"John","lastname":"Smith","officialrules":"on","state":"CA"};
    var myStr = "Thanks for submitting the form " + fields.firstname + " " + fields.lastname;
    document.getElementById("myId").innerHTML = myStr; 
</script>

变量字段={“年龄”：“开”，“城市”：“圣地亚哥”，“电子邮件”：myemail@gmail.edu“，”姓“：”约翰“，”姓“：”史密斯“，”官方规则“：”开“，”州“：”CA”}；
var myStr=“感谢您提交表格”+fields.firstname+“”+fields.lastname；
document.getElementById（“myId”）.innerHTML=myStr；

用于将文本插入到希望它进入的html元素中

了解如何在javascript中访问json变量，以完成您尝试执行的操作

---

我不知道你是如何检索这个“帖子表单页面”的。你能给我们一个到这些提供商的链接吗，这样我们就可以看到获取你需要的信息的最佳方式了？你需要进一步研究。给一个非程序员发代码就像给一个没有受过任何安全培训的人发枪一样。我相信变量“fields”是为他设置的，里面有正确的值。我的答案应该是正确的，我肯定遗漏了一些明显的东西，但我真的不明白你怎么能访问这个神秘的“帖子表单页面”。如果是第三方服务器进行表单处理，那么你的代码应该如何检索这个JS对象？@kuroineko-获取数据对象的过程必须由他自己来完成，因为他没有提供任何关于它的信息。他只问如何从中提取数据并将其附加到DOM中，这就是我的答案。@kuroineko-可能数据是通过AJAX发布的，并通过JSON（P）接收数据？我不知道。OP询问如何“发布此信息”，并提供了一个相当奇怪的文件示例，该文件将发布结果嵌入类似HTML的内容中。我只是好奇而已。找到答案的一个肯定的方法是有一个指向这些提供者主页的链接。jquery是一个javascript库，对于不懂javascript的人来说永远都不是答案。总是先学习javascript，然后再学习jquery，否则将来会有很多问题。

<p id="greeting"></p>

<script type="text/javascript">
    var fields = {"age":"on","city":"San Diego","email":"myemail@gmail.edu","firstname":"John","lastname":"Smith","officialrules":"on","state":"CA"};
    document.getElementById('greeting').innerHTML =
        'Thanks for submitting the form, ' +
        fields['firstname'] + ' ' + fields['lastname'] + '.';
</script>

<p id="myId"></p>

<script>
    var fields = {"age":"on","city":"San Diego","email":"myemail@gmail.edu","firstname":"John","lastname":"Smith","officialrules":"on","state":"CA"};
    var myStr = "Thanks for submitting the form " + fields.firstname + " " + fields.lastname;
    document.getElementById("myId").innerHTML = myStr; 
</script>