Ajax加载内联javascript
有没有办法让AJAX成功加载内联脚本函数 我似乎不明白为什么这不起作用。我正在尝试使用AJAX渲染页面,页面渲染成功;但是,除非在父文档中声明javascript函数,否则无法使内联脚本正常工作。我生成了一个简单的示例,它与我试图实现的目标相关。Ajax加载内联javascript,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,有没有办法让AJAX成功加载内联脚本函数 我似乎不明白为什么这不起作用。我正在尝试使用AJAX渲染页面,页面渲染成功;但是,除非在父文档中声明javascript函数,否则无法使内联脚本正常工作。我生成了一个简单的示例,它与我试图实现的目标相关。 父文档 <!DOCTYPE html> <html> <head> <script type='text/javascript'> fun
父文档
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
function loadChild(){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("childContent").innerHTML = this.responseText;
}
};
xhttp.open("GET", "./child.html", true);
xhttp.send();
}
</script>
</head>
<body>
<input type='button' value='Load Child' onclick='loadChild();'/>
<div id='childContent'>
</div>
</body>
</html>
函数loadChild(){
var xhttp=newXMLHttpRequest();
xhttp.onreadystatechange=函数(){
if(this.readyState==4&&this.status==200){
document.getElementById(“childContent”).innerHTML=this.responseText;
}
};
xhttp.open(“GET”,“/child.html”,true);
xhttp.send();
}
子文档
<input type='button' value='Child Function' onclick='childFunction();'/>
<script type='text/javascript'>
function childFunction(){
alert('Do something');
}
</script>
函数childFunction(){
警惕(“做某事”);
}
我正在尝试通过PHP创建一个自适应框架,我可以将其用于我的整个站点,并使用AJAX调用子站点进行加载;然而,要使其当前正常工作,我必须在调用每个页面之前呈现父文档中的每个函数。我想知道是否有办法让AJAX成功加载内联脚本函数?在这种情况下,我使用两种技术来实现这一点
$.getScript( "child.js", function( data, textStatus, jqxhr ) {
//add this script to the document
});
这里只加载child.js,然后将其添加到文档DOM(脚本DOM),并执行child.js文件中编写的javascript函数