將兩個javascript調用合並為一個涉及GET請求的調用

Question

我需要發出GET請求以檢索字符串，然后將該字符串傳遞到另一個外部javascript文件。 如何將外部Javascript文件與GET請求結合在一起？

在下面的問題中，我檢索了“ token”變量的值，然后將其傳遞給第二個標簽以在“ data-token”部分中使用它。

有沒有辦法將這兩個動作組合成一個標簽？ 我現在的操作方式不起作用，而且我很難找到解決方案。 可能是由於我對javascript的經驗不足，並且不知道正確的術語。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $.getJSON('https://demo4661814.mockable.io/monkey', function(data) {
        token = data['msg'] // token = "txn_c3983f0bce163a0eb2b427c7a977eecd"
    });
</script>

<script src="https://js.mockio.com/scripts/mockio.js" 
    data-token=token
    data-additional="name,address,phone">
</script>

Answer 1

從get腳本獲得結果時，可以將后面的標記write document

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $.getJSON('https://demo4661814.mockable.io/monkey', function(data) {
        token = data['msg'] // token = "txn_c3983f0bce163a0eb2b427c7a977eecd"
        document.write('<script src="https://js.mockio.com/scripts/mockio.js" data-token=' + token + ' data-additional="name,address,phone"></script>');
    });
</script>

Answer 2

您可以在獲取令牌后動態創建腳本標簽：

$.getJSON('https://demo4661814.mockable.io/monkey', function(data) {
    var token = data['msg']; // token = "txn_c3983f0bce163a0eb2b427c7a977eecd"

    $('<script>')
        .attr('src', 'https://js.mockio.com/scripts/mockio.js')
        .attr('data-token', token)
        .attr('data-additional', 'name,address,phone')
        .appendTo('body');
});

Answer 3

您可以創建一個可以同時滿足您的請求的API。

我的意思是

創建一個API終結點，例如說https://js.mockio.com/intermediateAPI 。 該API將在內部請求https://demo4661814.mockable.io/monkey並獲取令牌。 一旦此請求成功並接收到響應，API便會請求https://js.mockio.com/scripts/mockio.js以及從上述請求中接收到的令牌，並將響應提供給用戶。