读书人

js调用后台数据在页面显示时样式和

发布时间: 2012-03-08 13:30:13 作者: rapoo

js调用后台数据,在页面显示时,样式和js方法都没加载上 - Web 开发 / Ajax
我用的是DataTables 控件
页面调用

HTML code
<style type="text/css" title="currentStyle">    @import "js/datatables/css/demo_page.css";    @import "js/datatables/css/demo_table.css";</style><script type="text/javascript" language="javascript" src="js/datatables/js/jquery.js"></script><script type="text/javascript" language="javascript" src="js/datatables/js/jquery.dataTables.js"></script><script type="text/javascript" charset="utf-8">            $(document).ready(function() {                $('#example').dataTable( {                    "sPaginationType": "full_numbers"                } );            } );</script>    

后台发送的数据
Java code
String test;test="<table cellpadding='0' cellspacing='0' border='0' class='display' id='example'>"+      "<thead><tr><th>aa</th><th>bb</th><th>cc</th><th>dd</th></tr></thead>"+      "<tbody>"+      "<tr><td>a</td><td>b</td><td>c</td><td>d</td></tr>"+      "<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>"+      "</tbody></table>";try {    response.getWriter().write(test);    } catch (IOException e) {      e.printStackTrace();    }


后台js接收数据
JScript code
        var reportrs = req_report.responseText;            document.getElementById('dynamic').innerHTML=reportrs;


前台有一个div用来接收数据
HTML code
  <div id="dynamic"></div>


问题是数据是显示出来了,但是样式和DataTables 的方法没有加载上去,
请问这个是怎么回事?
怎么解决?
谢谢大家!~

[解决办法]
1.推荐用link的方法载入css文件。
2.JQuery我不了解,但是"sPaginationType": "full_numbers"你确定这行代码没问题?属性名不需要加双引号
3.还不行的话用firebug调试。
[解决办法]
你可以用火狐浏览器调试下,看看css是否已经加载上了,还有用ajax动态加载的表!要是方便的话把例子发上来大家可以一起找找原因。

读书人网 >Ajax

热点推荐