日期:2014-05-17  浏览次数:20398 次

ajax动态加载html和js的问题
有这么个需求,我在页面上有很多个按钮,点击按钮之后,使用ajax请求服务端,服务端返回动态生成的html内容和很多js脚本段。下面是生成的内容:

HTML code
<div id="container" class="I_list_Ul evenRow highLight"><dl class="li01 textList clear2"><dt>系统设定建站限值个数:</dt><dd><input class="text" maxsize="4" type="text" id="511031" name="511031" value="11"><span class="formTip">(必须输入整数)</span><script language="javascript" type="text/javascript">alert(1);function Validate511031(){var ctl=document.getElementById('511031');if(ctl.value.length==0){alert('该项不能为空!');return false;}if(!({0}<=ctl.value.length<={1})){alert('字符个数必须在{0}位到{1}位之间!');return false;}}</script></dd></dl><div class="formButton"><span><input class="submit" type="button" value="提交" id="FormSubmit" onclick="ShareConfig.PostControlData();"></span><span><input class="button" type="button" value="取消"></span> </div></div>


上面是我服务端动态返回的内容,然后我使用node.innerHTML设置我一个div的html内容,问题出来了,这样子可以绑定html内容,但是script脚本段不能绑定上去,不能进行解析和调用。

上面的是个例子,我可能会有很多个input,和很多个script脚本段,我现在能想到的解决方案是,当我接收到这段内容,用正则去匹配script标记,然后我使用js动态输出script,或者动态创建节点。

但是我想找一个更好的解决方案

------解决方案--------------------
点击按钮之后,使用ajax请求服务端

改成
点击按钮之后,window.frames['ifrmaeName'].location='xx.aspx'

------解决方案--------------------
探讨
有这么个需求,我在页面上有很多个按钮,点击按钮之后,使用ajax请求服务端,服务端返回动态生成的html内容和很多js脚本段。下面是生成的内容: