Jquery 为脚本调用创建动态值'；s键/值对

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

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

{“key1”：“value1”，“key2”：“value2”}

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

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

$（'a'）。在（'click'，function（）上({
var newValue=$（this.attr（'data-key'）；
});

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

---

但是-此路由似乎不起任何作用，并且未传递值。是否可以使用“async”标记完成此操作？

脚本应定义一个接受参数的函数，然后使用所需的变量调用该函数。

.val（）

用于获取输入元素的值。

.attr（）

返回字符串，无需调用

.val（）

在它之后。因此，在一个函数中构建键/值对，该函数接受变量，然后在脚本标记之间调用该函数？加载一次外部脚本，它定义一个函数。然后在处理用户输入时，从另一个

标记调用该函数。看看其他小部件库是如何做到这一点的，比如jQ用户界面。加载一次小部件库，然后使用指定所需内容的参数调用函数，如

.autocomplete（）

和

.datepicker（）

。