Как запустить скрипт с атрибутом src, используя AJAX?

Question

У меня есть форма на странице "page1.php", например:

<form id = "form1" action = "page2.php">
</form>

После выполнения функции Ajax я добавляю в эту форму следующий скрипт с помощью .append ():

<script id='mp_script'  src="https://www.mercadopago.com.br/integrations/v1/web-payment-checkout.js"
data-preference-id="9999999">
</script>

Но этот скрипт не запускается, как мне запустить его после добавления его с помощью Ajax?

Примечание: я не могу добавить этот скрипт, кроме как с AJAX, так как "data-preference-id "атрибут будет меняться в зависимости от того, что пользователь выбирает на экране.

Answer 1

Вы можете создать тег script и затем прослушать событие onload для выполнения вашей логики.

const script = this.document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = url; // the script url like 
script.onload = () => {
  // your logic after script load
};

this.document.body.appendChild(script);