jquery里的Ajax解析

在资源加载进来之前定义好一个函数，这个函数接受一个参数（数据），函数里面利用这个参数做一些事情

然后需要的时候通过script标签加载对应远程文件资源，当远程的文件资源被加载进来的时候，

就会去执行我们前面定义好的函数，并且把数据当做这个函数的参数传入进去

html代码:

<script>

function fn(data){

var oUl1 = document.getElementById('ul1');

var html="";

for(var i=0;i<data.length;i++){

html +="<li>"+data[i]+"</li>";

}

oUl1.innerHTML=html;

}

function fn1(data){

var oUl2 = document.getElementById('ul2');

var html="";

for(var i=0;i<data.length;i++){

html +="<li>"+data[i]+"</li>";

}

oUl2.innerHTML=html;

}

</script>

<script type="text/javascript">

window.onload = function(){

var oBtn = document.getElementById("btn");

var oBtn2 = document.getElementById("btn2");

oBtn.onclick = function(){

// 当按钮点击的时候再去加载远程资源，让他执行

var oScript = document.createElement('script');

oScript.src = 'test.php?t=num&callback=fn1';

document.body.appendChild(oScript);

}

oBtn2.onclick = function(){

// 当按钮点击的时候再去加载远程资源，让他执行

var oScript = document.createElement('script');

oScript.src = 'test.php?t=str&callback=fn1';

document.body.appendChild(oScript);

}

}

</script>