如何创建需要会话令牌的HTML API发布表单?

时间:2019-04-26 20:02:12

标签: javascript html forms api post

我想在我的网站上创建一个表单,该表单将允许用户创建支持凭单。这种形式必须发布到API很好,但是它有一个我在努力的参数。每次提交表单时都需要一个新令牌。

我能够生成一个新令牌,但是我不确定如何将其作为隐藏字段添加到表单中。希望下面的代码能帮助您理解和帮助我。谢谢您的时间和精力。

我尝试在任何地方搜索,但要么我听不懂,要么变得空虚。因此,我能够创建一个生成令牌的表单,并创建一个单独的表单来创建新的支持凭单,但是我不能期望用户复制令牌并将其添加到支持凭单创建表单中。

此表单生成一个新令牌

<form action="api/v1/helpdesk/authenticate" method="post">>
        <input type="hidden" name="username" value="demo"/>
        <input type="hidden" name="password" value="demo"/>
        <input type="submit" value="Submit">
</form>

这是生成令牌的表单/帖子请求的输出,我们只需要令牌

{
    "token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwczpcL1wvY29tbXVuaWNhdGlvbi50ZWxzZW5zZS5uZXQuemFcL2VtYWlsXC9wdWJsaWNcL2FwaVwvdjFcL2F1dGhlbnRpY2F0ZSIsImlhdCI6MTU1NjMwNTc2OCwiZXhwIjoxNTU2MzA2MDA4LCJuYmYiOjE1NTYzMDU3NjgsImp0aSI6IkNkZGF1QnF2bG1IZjRMdGIiLCJzdWIiOjIsInBydiI6Ijg3ZTBhZjFlZjlmZDE1ODEyZmRlYzk3MTUzYTE0ZTBiMDQ3NTQ2YWEifQ.iolZNRZWdm3ngMF84XXHd0wRSeqyUze8jnIWZis0v3s",
    "user_id": {
        "id": 2,
        "user_name": "admin",
        "first_name": "System",
        "last_name": "Administrator",
        "gender": 0,
        "email": "admin@telsense.co.za",
        "ban": 0,
        "active": 1,
        "is_delete": 0,
        "ext": "",
        "country_code": 0,
        "phone_number": "",
        "mobile": null,
        "agent_sign": "",
        "account_type": "",
        "account_status": "",
        "assign_group": 1,
        "primary_dpt": 1,
        "agent_tzone": "16",
        "daylight_save": "",
        "limit_access": "",
        "directory_listing": "",
        "vacation_mode": "",
        "company": "",
        "role": "admin",
        "internal_note": "",
        "profile_pic": "https://secure.gravatar.com/avatar/76cea1d3133cd2141b3d9efcfa1be0b8?s=80&r=g&d=identicon",
        "created_at": "2019-04-19 13:00:46",
        "updated_at": "2019-04-23 20:46:13",
        "user_language": null
    }
}

这是创建新票证的表单

<form action="api/v1/helpdesk/create" method="post">>
        <input type="hidden" name="token" value="dynamically created above"/>
        <input type="email" name="Email Address"/>
        <input type="text" name="Subject"/>
        <input type="text" name="Message"/>
        <input type="submit" value="Submit">
</form>

我希望只能使用上面的表格来创建票证,该票证将自动生成令牌,然后提交。我希望一切都解释得很好,并且容易理解我的目标。再次感谢。

0 个答案:

没有答案