使用ajax加载的页面中包含的javascript的解决方法

在前端开发中，我们经常遇到使用AJAX加载页面并包含JavaScript代码的情况。对于这种情况，有两种常见的解决方法，供朋友们参考：

方法一：【使用iframe】

在需要加载的页面中添加一个隐藏的iframe，并通过onload事件触发JavaScript函数。例如：

```html

```

如果加载的页面在弹出层中，这个函数需要放在弹出此层的父页面中。这种方法简单易行，可以有效解决AJAX加载页面中的JavaScript执行问题。

方法二：【使用eval】

如果你使用innerHTML来填充通过XMLHttpRequest取得的数据，如 `xnerHTML=XMLHttpRequest取得的数据`，这样是不会执行JS代码的。这时，你可以使用eval方法来解决问题，如 `xnerHTML=eval(XMLHttpRequest取得的数据);`。

关于eval()函数：

JavaScript中的eval()函数可以将字符串作为JavaScript表达式来执行。举个例子：

```javascript

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);

```

在这个例子中，字符串"2 + 3"被当作JavaScript表达式执行，返回结果5。使用eval()，你可以根据用户的输入动态创建函数，实现很多有趣的功能。

需要注意的是，eval()函数的使用存在一定的安全风险，因为它会执行任何传递给它的字符串。如果字符串来自不可信的来源，可能会引发安全问题。在使用eval()时，务必确保传入的数据是安全的。

在网页开发中，用户交互是非常重要的一环。其中，用户注册或登录时，检测用户名是否已被使用是不可或缺的一步。下面这段JavaScript代码就实现了这样的功能。

用户在表单中输入用户名后，点击“检测用户是否存在”按钮，就会触发check_user_exists函数。这个函数首先获取用户输入的用户名，如果用户名为空或者未输入，就会弹出提示框让用户输入用户名。

接着，它会获取一个用于显示查询结果的元素（checkInfo），并将其文本内容设置为“查询中...”。然后，它通过openUrl函数向服务器发起一个GET请求，请求的URL为

openUrl函数通过ActiveXObject创建一个XMLHttpRequest对象，然后调用其open方法发起请求。请求为异步请求，这意味着在等待服务器响应时，浏览器可以继续执行其他操作。当收到服务器响应后，它会将响应的文本内容返回给check_user_exists函数。

check_user_exists函数拿到响应内容后，将其显示在checkInfo元素中。如果服务器返回的内容是提示信息，比如“用户名已存在”，就直接显示出来；如果是其他内容，可能需要进行一定的处理后再显示。这样，用户就能立即知道用户名是否已经被使用。

而form1.asp的内容相对简单，仅是一个提示：“内容仅是测试，所以写简单点”。这可能是为了简化开发过程而设置的临时提示信息。在实际开发中，form1.asp会根据后端处理的结果返回相应的信息。

这段代码使用了Cambrian的render方法将查询结果渲染到网页的body部分。这通常用于动态更新网页内容。通过这种方式，用户可以实时获取用户名是否可用的信息，提升用户体验。这种异步查询的方式也减轻了服务器的负担，提高了网页的响应速度。

这段代码实现了在网页中实时检测用户名是否已存在的功能，是前端开发中的常见操作。通过简洁明了的代码和丰富的交互，提升了用户的使用体验。