在没有Jquery的情况下在加载的元素中进行Ajax调用

Question

我有一个索引页面，我们将其称为index.php，其中包含JavaScript代码，可以在div中加载一些看起来像这样的页面

 /*load site s into div */
    function load(s) {
       var ele = document.getElementById('injecthere');
       xhr = new XMLHttpRequest();

       xhr.onreadystatechange = function (e) { 
        if (xhr.readyState == 4 && xhr.status == 200) {
         ele.innerHTML = xhr.responseText;
        }
       }

 xhr.open("GET", s, true);
 xhr.setRequestHeader('Content-type', 'text/html');
 xhr.send();
}

所以问题是这样的：index.php - ＆gt; load function注入PHP文件（让我们称之为form.php） - ＆gt;来自form.php的代码执行ajax表单提交 - ＆gt;页面在ajax完成之前返回index.php，因此不会发送任何数据。我已尝试从preventDefault（）返回false的所有内容。

当我通过链接访问form.php时，Ajax表单请求按预期工作，但是当我通过load函数来到form.php时它不起作用。

更新：当通过load函数注入时，form.php的脚本似乎无法加载。有没有办法让form.php加载脚本？