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>