Question

首先，感谢您抽出宝贵时间阅读本文档。我遇到了一种独特的情况，希望有人可以帮助我，或者至少将我指向一个新的方向，因为我已经为此奋斗了一段时间而徒劳无功...希望我能解释一下在某种意义上说。

我当前正在对我的index.php文件（来自我们的系统-不是基于Web的）执行POST，并且在该文件中，我正在使用第三方供应商.JS文件来标记特定值。在页面末尾，我有一个javascript函数正在处理标记化过程，然后在对其进行标记化之后，我正在执行javascript表单提交以将标记化后的值发布到API页面以处理该过程的第二部分。

我创建了静态输入字段来测试该过程，并且当我通过“提交”按钮从网页进行处理时，一切都在正常进行。但是，当我尝试从我们的系统（不是基于Web的系统）中使用POST流程进行测试时，它并没有遵循我对javascript预期的流程。

此外，我正在执行javascript“ onload”功能，因为目标是在将POST值发布到页面上并且令牌化过程完成后，它将自动提交表单。

在此先感谢您的帮助-如果您有任何疑问，请与我联系，因为我将密切关注此主题。

示例代码：

<form method="POST" id="APIPOST" action="api.php">
    Mode:        <input name="mode" value="<?php echo $_POST['mode']; ?>">
    Key:         <input name="key" id="key" value="<?php echo $key; ?>">
    Client Name: <input name="client_name" value="<?php echo $_POST['client_name']; ?>">
</form>

<script>
window.onload=(function(){

        //Tokenization code is here
        document.getElementById("APIPOST").submit();
});
</script>

Answer 1

我猜想 Tokenization代码是异步的，因此在另一个线程上运行。让我尝试演示。

这是您的Javascript：

window.onload=(function(){

    //Tokenization code is here
    document.getElementById("APIPOST").submit();
});

此行，等待页面加载完毕，然后启动脚本

window.onload=(function(){

这是我的猜测，令牌化代码正在执行某种AJAX调用。这需要花一点时间才能运行，但不会阻止其余代码运行。

您也可能遇到same-origin policy问题，但假设您没有。

    //Tokenization code is here

现在，当令牌化代码在后台运行时，您正在尝试提交表单。很好，但是您的令牌化代码尚未完成其工作，并且令牌值尚未返回。

document.getElementById("APIPOST").submit();

解决方法：将以下行移动到令牌化代码中返回的令牌值之后，而不是在调用之后：

document.getElementById("APIPOST").submit();

例如：

function getToken() {
    // make remote call to get token and
    // on valid result, call updateTokenVal()
}

function updateTokenValue(str) {
    // do stuff with str value
    // then submit the form
    document.getElementById("APIPOST").submit();
}

window.onload=(function(){
    //Tokenization code is here
    getToken();
});

POST中的PHP Post-使用Javascript提交表单

1 个答案: