将两个javascript调用合并为一个涉及GET请求的调用

时间:2017-07-11 04:08:11

标签: javascript

我需要发出一个GET请求来检索一个字符串,然后将该字符串传递给另一个外部javascript文件。如何将外部Javascript文件与GET请求结合使用?

在下面的问题中,我检索了"令牌的值#34;变量,然后想要将其传递给第二个标签,以便在" 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>

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

您可以在检索令牌后动态创建脚本标记:

$.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');
});

答案 2 :(得分:0)

您可以创建一个可以同时满足您要求的API。

我的意思是,

创建API端点,例如说它是https://js.mockio.com/intermediateAPI。此API将在内部请求https://demo4661814.mockable.io/monkey并获取令牌。一旦此请求成功并且收到响应,API就会请求https://js.mockio.com/scripts/mockio.js来自上述请求的令牌,并将响应给用户。