Javascript Android:HTML:表的动态附加不工作_Javascript_Android_Html_Json_Webview

Javascript Android:HTML:表的动态附加不工作

javascript android html json webview

Javascript Android:HTML:表的动态附加不工作,javascript,android,html,json,webview,Javascript,Android,Html,Json,Webview,我正在编写一个Android代码，其中我必须解析数据库中的数据，并以HTML格式显示与webview中显示的列表相同的数据下面是我使用的HTML： <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initi

我正在编写一个Android代码，其中我必须解析数据库中的数据，并以HTML格式显示与webview中显示的列表相同的数据

下面是我使用的HTML：

    <!doctype html>
    <html>
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width,initial-scale=1">
            <title>Lead Manager</title>
            <link rel="stylesheet" href="themes/Bootstrap.css">
            <link rel="stylesheet" href="themes/jquery.mobile.structure-1.2.0.min.css" />
            <script src="themes/jquery-1.8.2.min.js"></script>
            <script src="themes/jquery.mobile-1.2.0.min.js"></script>
            </head>
        <body>
           <div data-role="page" data-theme="a">
            <div data-role="header" data-position="inline">
                <h1>Lead Manager</h1>
            </div>
            <div data-role="content" data-theme="a">
                <h2>List of Leads</h2>          
            </div>
           </div>
           </body>  

     <!-- Javascript -->
        <script src="assets/js/jquery-1.8.2.min.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.backstretch.min.js"></script>
        <script src="assets/js/jquery.countdown.js"></script>
        <script src="assets/js/scripts.js"></script>
     <script>
        $(document).ready(function(e) { 
            var data = Android.getLeads();
            data = [{"date":"20101231","Rating":"5","NumberofDays":"10"}];  
            var items = [];
            var date;
            var name;
            var status;
            eval("var x = " + data + ";");
            var y = JSON.stringify(x);                      
            $.each(x, function(key,val){
                items.push('<tr><td>' + val.date + '</tr></td>');   
            });                         
            $('<table/>', {     
                html: items.join('')
                }).appendTo('body');            
          });         
       </script>
</html>

请有人帮助解释为什么没有添加该表？

看起来更像是javascript问题，而不是Android问题。请确保它能够找到body标记，否则不能尝试getElementById（'body'）。innerHtml+=mytext@克布罗克：请你详细告诉我好吗？您的意思是，将$（''内容存储在一个var中，然后使用innerHTML？是的，确切地说，使用普通javascript而不是jQuerysAppendto来编写它们，尽管如果您的div是可见的，这不会有什么区别。

    WebView webView = new WebView(this);
    setContentView(webView);
     //Enable Java scripts
     webView.getSettings().setJavaScriptEnabled(true);
     webView.getSettings().setLoadWithOverviewMode(true);
     webView.getSettings().setUseWideViewPort(true);
     webView.getSettings().setAllowFileAccess(true);
     webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
     webView.setScrollbarFadingEnabled(false);
     webView.addJavascriptInterface(new WebAppInterface(this), "Android");
    String url = "file:///android_asset/screen/list.html";
    webView.loadUrl(url);
    //setContentView(R.layout.activity_main);

    webView.setWebViewClient(new WebViewClient(){
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url){
            return false;
        }
    });