使用ajax加載的頁(yè)面中包含的javascript的解決方法

更新時(shí)間：2010年09月03日 23:53:04 作者：

使用ajax加載的頁(yè)面中包含的javascript的兩個(gè)解決方法，需要的朋友可以參考下。

1、【使用iframe】
在需要加載的頁(yè)面中添加一個(gè)iframe，如下

 
<iframe style="display:none" onload="javascript: close_ticket_onload()"></iframe> 

onload中添加你所要調(diào)用的函數(shù)，如果加載的頁(yè)面在彈出層中，此函數(shù)需要放在彈出此層的父頁(yè)面！

2、【使用eval】
如果使用innerHTML填充XMLHttp取得的數(shù)據(jù)。如：xxx.innerHTML=XMLHttp取得的數(shù)據(jù)
這樣是不會(huì)執(zhí)行JS，添加eval方法就ok了：如：xxx.innerHTML=eval(返XMLHttp取得的數(shù)據(jù));

以下是補(bǔ)充內(nèi)容:
舉例:用Microsoft.XMLHttp獲取數(shù)據(jù)后,數(shù)據(jù)為alert('測(cè)試')
xxx.innerHTML=返回的數(shù)據(jù)(也就是alert('測(cè)試'))
是不會(huì)執(zhí)行的,因?yàn)閖avascript已經(jīng)在頁(yè)面加載的時(shí)候執(zhí)行完了.在往里面加代碼,他就不會(huì)再執(zhí)行了.

開(kāi)始的時(shí)候沒(méi)找到方法,只能用<iframe>來(lái)代替.但其實(shí)我覺(jué)得已經(jīng)不是我原來(lái)想要的"不刷新更新數(shù)據(jù)"的效果了..不過(guò)還是能用.

后來(lái)還是沒(méi)有放棄,再到google搜索一次,居然搜索出CSDN上的一篇貼子
xxx.innerHTML=eval(返回的數(shù)據(jù)); 如:alert('測(cè)試')
一試居然成功了,真是高興啊..真是太感謝這位高手了
于是搜索了關(guān)于Eval的用法

Javascript中Eval函數(shù)的使用

簡(jiǎn)介:等你需要?jiǎng)討B(tài)創(chuàng)建語(yǔ)句的時(shí)候，你將會(huì)發(fā)現(xiàn)它非常獨(dú)特的作用，上網(wǎng)看了半天，找到些零散的內(nèi)容，想來(lái)也算非常全面的了，全部把它收集起來(lái)放在這里以備后用，也供大家討論學(xué)習(xí)使用。
【eval()函數(shù)】
JavaScript有許多小竅門來(lái)使編程更加容易。
其中之一就是eval()函數(shù)，這個(gè)函數(shù)可以把一個(gè)字符串當(dāng)作一個(gè)JavaScript表達(dá)式一樣去執(zhí)行它。
舉個(gè)小例子：
var the_unevaled_answer = "2 + 3";
var the_evaled_answer = eval("2 + 3");
alert("the un-evaled answer is " + the_unevaled_answer + " and the evaled answer is " + the_evaled_answer);
如果你運(yùn)行這段eval程序, 你將會(huì)看到在JavaScript里字符串"2 + 3"實(shí)際上被執(zhí)行了。
所以當(dāng)你把the_evaled_answer的值設(shè)成 eval("2 + 3")時(shí), JavaScript將會(huì)明白并把2和3的和返回給the_evaled_answer。
這個(gè)看起來(lái)似乎有點(diǎn)傻，其實(shí)可以做出很有趣的事。比如使用eval你可以根據(jù)用戶的輸入直接創(chuàng)建函數(shù)。

附上測(cè)試代碼:

復(fù)制代碼代碼如下:

 
<script language=javascript> 
function check_user_exists(form){ 
u_name=form.u_name.value; 
if (u_name==null||u_name==''){ 
alert("請(qǐng)您輸入用戶名"); 
return false; 
} 
infoBoard=document.getElementById("checkInfo"); 
infoBoard.innerText='查詢中...'; 
myurl="http://localhost/ajax/form1.asp" 
retCode=openUrl(myurl); 
infoBoard.innerHTML=eval(retCode); 

return; 
} 

function openUrl(url){ 
var objxml=new ActiveXObject("Microsoft.XMLHttp") 
objxml.open("GET",url,false); 
objxml.send(); 
retInfo=objxml.responseText; 
if (objxml.status=="200"){ 
return retInfo; 
} 
else{ 
return "-2"; 
} 
} 
</script> 

<form name=form1 action="XXXX.asp" method="post"> 
<input type=text name=u_name><span id="checkInfo" style="display:none"></span><input type=button name=checkuser value="檢測(cè)用戶是否存 

在" onClick="check_user_exists(this.form);"> 
</form> 