为脚本调用的键/值对创建动态值

Question

我不知道如何将变量插入正在加载的脚本中，以将小部件拉入页面。该脚本如下所示，并在首次访问该页面时运行：

<script type="text/javascript" src="https://externalsite.com/embed-widget.js" async>
    { "key1": "value1", "key2": "value2" }
</script>

我想做的是能够根据用户选择更改键的值。

<a href="#" data-key="value3">Value 3</a>
$('a').on('click',function()({
    var newValue = $(this).attr('data-key');
});

然后将新值插入脚本调用中的键/值对，并通过将页面上的代码更改为以下内容来重新加载脚本：              {“ key1”：“ + newValue +”，“ key2”：“ value2”}     

但是-该路线似乎没有任何作用，并且值未得到传递。可以使用'async'标签完成此操作吗？