### 知识点概述
在AJAX（Asynchronous JavaScript and XML）技术中，通过JavaScript实现页面的异步数据更新是非常常见的。但当被加载的内容中包含JavaScript代码时，直接插入到页面中并不会执行，这就需要一些特殊的技巧来解决。本文将介绍两种解决这类问题的方法：使用iframe以及eval()函数。
### 使用iframe
在使用AJAX加载新内容时，如果新内容内含有JavaScript代码，直接将内容插入到当前页面的某个元素中，这些代码是不会自动执行的，因为它们没有被包含在一个完整的HTML文档中。此时可以使用一个隐藏的iframe来处理这些脚本。
1. **创建隐藏的iframe**：在需要加载新内容的页面中，放置一个隐藏的iframe标签。设置iframe的`display`属性为`none`，以确保它在页面上不可见。
```html
<iframe style="display:none" onload="javascript:close_ticket_onload()"></iframe>
```
2. **在iframe的onload事件中执行脚本**：在iframe的`onload`事件中添加需要执行的函数。如果新内容是通过弹出层显示的，那么应该把执行函数的代码放在弹出层的父页面中。
这种方法的优点是不直接修改原页面的DOM结构，从而避免了可能的冲突和问题。但缺点是使用iframe可能会带来额外的性能开销，同时可能会受到同源策略的限制，即不允许跨域加载内容。
### 使用eval()
另一种方法是利用JavaScript的eval()函数。eval()可以执行一个字符串中的JavaScript代码，这样即使代码是动态生成的，也能被正确地解析和执行。
1. **使用innerHTML获取数据**：通过AJAX（如使用Microsoft.XMLHttp对象）获取的数据显示在页面上时，可以将数据赋值给某个元素的`innerHTML`属性。
```javascript
xxx.innerHTML = XMLHttp返回的数据;
```
2. **利用eval()执行JavaScript代码**：由于`innerHTML`属性仅处理HTML内容，对于JavaScript代码部分则不会执行。此时可以使用eval()函数来执行这些代码。
```javascript
xxx.innerHTML = eval(返回的数据);
```
例如，如果AJAX获取的数据为`alert('测试')`，直接赋值给innerHTML将不会执行。但是使用eval()处理之后，就会弹出警告框。
### 注意事项
使用eval()虽然解决了执行动态JavaScript代码的问题，但也要非常谨慎地使用它，因为eval()会执行任意传入的字符串作为JavaScript代码，这可能带来安全风险。恶意代码可能会通过eval()被动态执行，因此仅在能够完全控制和信任数据源的情况下使用。
### 示例代码
以下示例展示了如何使用eval()处理通过AJAX获取的数据：
```javascript
function check_user_exists(form){
u_name = form.u_name.value;
if(u_name == null || u_name == ''){
alert("请您输入用户名");
return false;
}
infoBoard = document.getElementById("checkInfo");
infoBoard.innerText = '查询中';
myurl = "***";
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";
}
}
```
### 结论
在AJAX技术中，处理加载内容中的JavaScript代码可以通过多种方法。使用iframe和eval()都是可行的解决方案，但应根据实际情况选择合适的策略，并注意安全性问题。通过本文所述方法，可以确保AJAX加载的内容中的JavaScript代码能够被正确执行，从而实现丰富的用户交互功能。
