HTML Post表单 - 如何添加Json数据

时间:2017-11-18 19:31:30

标签: html json email post hubspot

首先,谢谢大家的帮助:)真的很感激,因为我是一个总菜鸟。

其次,我正在尝试将信息添加到HTML表单中:

  

电子邮件地址& email = x - 在请求正文中使用用户的电子邮件地址>填写表单。虽然不需要电子邮件,但HubSpot不会在没有有效电子邮件地址的情况下创建>联系人。有关如何验证电子邮件地址的详细信息,请参阅此页面。

     

HS Context& hs_context = x - 在请求正文中使用JSON格式的块>,其中包含表单提交的上下文信息。有关所包含数据的说明,请参阅以下>条目;有关此>参数的格式,请参阅以下内容。

我完全迷失在这里添加这些以及如何添加JSON数据。这就是我到目前为止所拥有的:

<!DOCTYPE html>
<html>
    <body>
        <form action="https://forms.hubspot.com/uploads/form/v2/:12345/:1234-432-6575-93456" method="post" enctype="application/x-www-form-urlencoded>
            E-mail <br>
            <input type="email" name="email">
            <input type="submit">
        </form> 
    </body>
 </html>

这里是需要添加的JSON代码:&gt; hs_context参数应该&gt;包含以JSON格式化的以下数据。请注意所有参数必须在通过API之前进行&gt; URL编码,包括hs_context&gt;参数。

{
    "hutk": "60c2ccdfe4892f0fa0593940b12c11aa", 
    "ipAddress": "192.168.1.12", 
    "pageUrl": "http://demo.hubapi.com/contact/", 
    "pageName": "Contact Us", 
    "redirectUrl": "http://demo.hubapi.com/thank-you/" 
}

我用谷歌搜索了这一点,但现在我完全迷失了。请帮忙? :)

1 个答案:

答案 0 :(得分:0)

我不知道hubspot,但我认为你必须使用javascript发送你的请求。

在您的javascript中,您可以通过在字段中添加ID来轻松获取表单参数,并执行以下操作:

var email = document.getElementById('email');

并按照此处所述发送您的请求:

Sending a JSON to server and retrieving a JSON in return, without JQuery