如何刷新DOM元素并在其中重新运行异步脚本?

时间:2017-03-02 00:07:00

标签: javascript jquery dom async.js

我有一个应用程序,它最初根据特定代码从服务器加载图像。 dz-id告诉应该加载哪个图像。当我按下按钮时,我想重新加载另一个图像,即只需更改代码中的dz-id,例如当我运行时没有任何反应,或者实际上初始图像消失了。我想这与myDiv2中的脚本有关,不会再次执行。 我应该如何在myDiv2中重新执行脚本

我在网上搜索过,但只发现了不同的解决方案,这些“脚本 async src ...” - 语法。有任何想法吗?正如您可能猜到的那样,在我从中加载图像的服务器上做任何事情都无法实现。

这是我的代码:

<html>
  <head>
    <title>Test</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
                $("#submit").on("click", function(event){
                    $.ajax({
                        success: function (response) {
                            //run php db query that returns the dz-id.
                            //here in this example the dz-id is hard-coded:   
                            $("#myDiv1").html("<ins dz-id=\"5\" d-id=\"abpp112\"></ins>");
                            //Re-run script in myDiv2. This is my issue!!!
                        },
                    });
                }); 
            });
        </script>
    </head>
<body>

<div id="myDiv1">
    <ins dz-id="9" d-id="abpp112"></ins></div>

<div id="myDiv2">
     <script async src="asyncjs.php"></script>
</div>

<input type="button" value="Get It!" name="submit" id="submit"/>

</body>
</html>

我很感激你的任何帮助,我对此很新...

0 个答案:

没有答案