如何从Java调用code Android原生的JavaScript函数函数、code、Java、JavaScript

2023-09-07 02:48:41 作者：﹋一场游戏一场梦

我需要加载它的内部有一些AJAX服务电话一个HTML文件。我需要调用一个函数从Java code的HTML文件。我可以看到网页，但不是在模拟器上的数据加载。

我的HTML文件小于

 ＆LT;！DOCTYPE HTML＆GT; ＆LT; HTML和GT;＆LT; HEAD＆GT;＆LT; META NAME =视口CONTENT =WIDTH =设备宽度，用户可扩展= YES＆GT;＆LT;链路级=包括相对=样式类型=文/ CSSHREF =./ jquery.jqplot.min.css/＆GT;＆LT;链接类型=文/ CSS相对=样式HREF =SyntaxHighlighter的/风格/ shCoreDefault.min.css/＆GT;＆LT;链接类型=文/ CSS相对=样式HREF =SyntaxHighlighter的/风格/ shThemejqPlot.min.css/＆GT;＆LT;脚本类=包括类型=文/ JavaScript的SRC =http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js＆GT;＆下; /脚本＆GT;＆LT; /头＆GT;＆LT;身体GT;＆LT;脚本类=包括类型=文/ JavaScript的    SRC =./ jquery.jqplot.min.js＆GT;＆LT; / SCRIPT＆GT;＆LT;脚本类型=文/ JavaScript的    SRC =SyntaxHighlighter的/脚本/ shCore.min.js＆GT;＆LT; / SCRIPT＆GT;＆LT;脚本类型=文/ JavaScript的    SRC =SyntaxHighlighter的/脚本/ shBrushJScript.min.js＆GT;＆LT; / SCRIPT＆GT;＆LT;脚本类型=文/ JavaScript的    SRC =SyntaxHighlighter的/脚本/ shBrushXml.min.js＆GT;＆LT; / SCRIPT＆GT;＆LT;！ - 结束不要碰这个！ - ＆GT;＆LT;！ - 额外的插件去这里 - ＆GT;＆LT;脚本类=包括LANGUAGE =JavaScript的TYPE =文/ JavaScript的    SRC =./插件/ jqplot.dateAxisRenderer.min.js＆GT;＆LT; / SCRIPT＆GT;＆LT;脚本类=包括LANGUAGE =JavaScript的TYPE =文/ JavaScript的    SRC =./插件/ jqplot.ohlcRenderer.min.js＆GT;＆LT; / SCRIPT＆GT;＆LT;脚本类=包括LANGUAGE =JavaScript的TYPE =文/ JavaScript的    SRC =./插件/ jqplot.highlighter.min.js＆GT;＆LT; / SCRIPT＆GT;    ＆LT;脚本类型=文/ JavaScript的SRC =./插件/ jqplot.dateAxisRenderer.min.js＆GT;＆LT; / SCRIPT＆GT;    ＆LT;脚本类型=文/ JavaScript的SRC =./插件/ jqplot.canvasTextRenderer.min.js＆GT;＆LT; / SCRIPT＆GT;    ＆LT;脚本类型=文/ JavaScript的SRC =./插件/ jqplot.canvasAxisTickRenderer.min.js＆GT;＆LT; / SCRIPT＆GT;    ＆LT;脚本类型=文/ JavaScript的SRC =./插件/ jqplot.categoryAxisRenderer.min.js＆GT;＆LT; / SCRIPT＆GT;    ＆LT;脚本类型=文/ JavaScript的SRC =./插件/ jqplot.barRenderer.min.js＆GT;＆LT; / SCRIPT＆GT;    ＆LT;脚本类型=文/ JavaScript的SRC =./插件/ jqplot.cursor.min.js＆GT;＆LT; / SCRIPT＆GT;＆LT;脚本类=code语言=JavaScript的类型=文/ JavaScript的＆GT;    VAR ARR = [];    变种ARR1 = [];        VAR jsonstr;        $（文件）。就绪（函数（）{              $ .jqplot.config.enablePlugins = TRUE;              $（＃状态），HTML（正在加载...）;              $（＃状态），动画（{不透明：1，顶：200像素}，200）;        }）;    函数的getData（符号ID，时间轴，类型）{        //$(\"#mydiv\").html(symbolId ++时间表++型）;        $阿贾克斯（{              网址： 'http://83.101.141.1:8020/mTadawul/TadawulService.svc/GetOHLCData?Symbol='+symbolId+'&Char='+timeLine,              数据类型：JSON，              异步：假的，              成功：功能（数据）{                  jsonstr = jsontoarray（EVAL（数据））;                  / *自定义code来检查数据* /                  如果（数据！=）                  {$（＃状态），动画（{不透明：0，上：-50px}，200）; createChart（类型，时间线）;}其他{$（＃状态），HTML（无数据）; $（＃状态。）动画（{不透明：1，顶：200像素}，200）;}                }        }）;        //$.getJSON('http://183.82.0.37:8080/TadawulWCFService/TadawulService.svc/GetOHLCData?Symbol=1010&Char='+timeLine,功能（数据）{        //}）;        返回1;    }    功能jsontoarray（jsonstr）{    变种arrayl = [];        对于（VAR I = 0; I＆LT; jsonstr.length;我++）{            VAR值=新的Array（）;            值[0] = jsonstr [I] .TimeStamp.replace（T，）.replace（纳米，）;            值[1] = jsonstr [I]。开;            值[2] = jsonstr [I]。高;            值[3] = jsonstr [I]。低;            值[4] = jsonstr [I] .Close;            arrayl.push（值）;        }        返回arrayl;    }    功能createChart（类型，时间线）{        时间表= typeof运算时间表！==未定义？时间表：'M';        的console.log（jsonstr）;        变种图表= [{名称：chart2seriesDefaults：{    Y轴：'y2axis}，轴：{    x轴：{        渲染：$ .jqplot.DateAxisRenderer，        numberTicks：36，        tickOptions：{            formatString的：％B％E％Y'，       角度：-90        }，        tickRenderer：$ jqplot.CanvasAxisTickRenderer，         labelOptions：{        fontFamily中：'宋体'，        字体：14pt      }，      将为labelRenderer：$ .jqplot.CanvasAxisLabelRenderer    }，}，系列：[{    渲染：$ .jqplot.OHLCRenderer，    rendererOptions：{        烛台：真    }}]，荧光笔：{    显示：真实，    showMarker：真实，    tooltipAxes：'XY'，    yvalues：4，    formatString的：'＆LT;表类=jqplot-荧光笔＆GT; \\＆LT; TR＆GT;＆LT; TD＆GT;日期：LT; / TD＆GT;＆LT; TD＆GT;％S＆LT; / TD＆GT;＆LT; / TR＆GT; \\＆LT; TR＆GT;＆LT; TD＆GT;开：其中; / TD＆GT;＆LT; TD＆GT;％S＆LT; / TD＆GT;＆LT; / TR＆GT; \\＆LT; TR＆GT;＆LT; TD＆GT;高：其中; / TD＆GT;＆LT; TD＆GT;％S＆LT; / TD＆GT;＆LT; / TR＆GT; \\＆LT; TR＆GT;＆LT; TD＆GT;低压方面：＆LT; / TD＆GT;＆LT; TD＆GT;％S＆LT; / TD＆GT;＆LT; / TR＆GT; \\＆LT; TR＆GT;＆LT; TD＆GT;关闭：LT; / TD＆GT;＆LT; TD＆GT;％S＆LT; / TD＆GT;＆LT; / TR＆GT;＆LT; /表＆gt;'}，数据：[jsonstr]}];        如果（类型==线）{            图表[0] .series [0] = {};        }        否则，如果（类型==栏）{            图表[0] .series [0] = .rendererOptions顺利{：真正};        }其他        {            图表[0] .series [0] = .rendererOptions {烛台：真正};        }        如果（时间线=='H'）{            图表[0] = .axes.xaxis.tickOptions {的formatString：'％B％E％＃I％P'，                       角度：-90};            //charts[0].axes.xaxis['tickInterval'] =1小时;        }        $（'＃chart2'）jqplot（图[0]）;    }＆LT; / SCRIPT＆GT;＆LT; DIV ID =mydiv＆GT;＆LT; / DIV＆GT;＆LT;标签ID =LBL＆GT;＆LT; /标签＆gt;＆LT; DIV CLASS =测试的风格=的位置是：绝对的;顶部：-50px;左：40％;颜色：＃333333;不透明：0; z-index的：9999; ID =状态＆GT;无数据＆LT; / DIV＆GT;＆LT; DIV ID =chart2的风格=高度：400像素;宽度：720像素;＆GT;＆LT; / DIV＆GT;

在这code我需要调用的getData（）从Java code传递3个参数。

我的Java code是如下：

webView.addJavascriptInterface（新JavaScriptInterface（本），机器人）;

 字符串LOC =文件：///android_asset/candlechart/candlebar.html;    webView.getSettings（）setJavaScriptEnabled（真）。    webView.clearView（）;    // myWebView.measure（100，100）;    。webView.getSettings（）setUseWideViewPort（真）;    。webView.getSettings（）setLoadWithOverviewMode（真）;    webView.loadUrl（LOC）;    webView.loadUrl（JavaScript的：的getData（'1020'，'M'，'棒'））;    webView.setWebViewClient（新WebViewClient（）{        公共无效onPageFinished（的WebView视图，串LOC）{        }    }）;

解决方案

您在呼唤你的第二个使用loadURL（）方法太快。使用loadURL（）是异步的。你需要等待，直到你的页面被加载。呼叫webView.loadUrl（JavaScript的：的getData（'1020'，'M'，'棒'））;在OnPageFinished方法。

I need to load a HTML file which internally has some AJAX service calls. I need to call a function in that HTML file from Java code. I can see the data loading in web but not in Emulator.

My HTML file is below

 <!DOCTYPE html>
 <html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=yes">
<link class="include" rel="stylesheet" type="text/css"
href="./jquery.jqplot.min.css" />
<link type="text/css" rel="stylesheet"
href="syntaxhighlighter/styles/shCoreDefault.min.css" />
<link type="text/css" rel="stylesheet"
href="syntaxhighlighter/styles/shThemejqPlot.min.css" />

<script class="include" type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<script class="include" type="text/javascript"
    src="./jquery.jqplot.min.js"></script>
<script type="text/javascript"
    src="syntaxhighlighter/scripts/shCore.min.js"></script>
<script type="text/javascript"
    src="syntaxhighlighter/scripts/shBrushJScript.min.js"></script>
<script type="text/javascript"
    src="syntaxhighlighter/scripts/shBrushXml.min.js"></script>
<!-- End Don't touch this! -->

<!-- Additional plugins go here -->

<script class="include" language="javascript" type="text/javascript"
    src="./plugins/jqplot.dateAxisRenderer.min.js"></script>
<script class="include" language="javascript" type="text/javascript"
    src="./plugins/jqplot.ohlcRenderer.min.js"></script>
<script class="include" language="javascript" type="text/javascript"
    src="./plugins/jqplot.highlighter.min.js"></script>
    <script type="text/javascript" src="./plugins/jqplot.dateAxisRenderer.min.js"></script>
    <script type="text/javascript" src="./plugins/jqplot.canvasTextRenderer.min.js"></script>
    <script type="text/javascript" src="./plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
    <script type="text/javascript" src="./plugins/jqplot.categoryAxisRenderer.min.js"></script>
    <script type="text/javascript" src="./plugins/jqplot.barRenderer.min.js"></script>
    <script type="text/javascript" src="./plugins/jqplot.cursor.min.js"></script>       
<script class="code" language="javascript" type="text/javascript">
    var arr = [];
    var arr1 = [];
        var jsonstr;
        $(document).ready(function() {
              $.jqplot.config.enablePlugins = true;
              $("#status").html("Loading...");
              $("#status").animate({opacity: 1,top: "200px"},200);
        });
    function getData(symbolId,timeLine,type){
        //$("#mydiv").html(symbolId +" "+timeLine+" "+type);

        $.ajax({
              url: 'http://83.101.141.1:8020/mTadawul/TadawulService.svc/GetOHLCData?Symbol='+symbolId+'&Char='+timeLine,
              dataType: 'json',
              async: false,
              success: function(data) {
                  jsonstr = jsontoarray(eval (data));
                  /*Custom Code to check the data*/
                  if(data != "")
                  {$("#status").animate({opacity: 0,top: "-50px"},200);createChart(type, timeLine);}else{$("#status").html("No Data");$("#status").animate({opacity: 1,top: "200px"},200);}

                }
        });
        //$.getJSON('http://183.82.0.37:8080/TadawulWCFService/TadawulService.svc/GetOHLCData?Symbol=1010&Char='+timeLine, function(data) {


        //});
        return 1;
    }

    function jsontoarray(jsonstr){
    var arrayl = [];
        for (var i = 0; i < jsonstr.length; i++) { 
            var values = new Array();
            values[0] = jsonstr[i].TimeStamp.replace("T"," ").replace("nm","");
            values[1] = jsonstr[i].Open;
            values[2] = jsonstr[i].High;
            values[3] = jsonstr[i].Low;
            values[4] = jsonstr[i].Close;
            arrayl.push(values);

        }
        return arrayl;
    }
    function createChart(type, timeLine) {
        timeLine = typeof timeLine !== 'undefined' ? timeLine : 'M';
        console.log(jsonstr);
        var charts = [{
name: "chart2",
seriesDefaults: {
    yaxis: 'y2axis'
},
axes: {
    xaxis: {
        renderer: $.jqplot.DateAxisRenderer,
        numberTicks:36,
        tickOptions: {
            formatString: '%b %e %Y ',
       angle:-90
        }, 
        tickRenderer:$.jqplot.CanvasAxisTickRenderer,
         labelOptions:{
        fontFamily:'Arial',
        fontSize: '14pt'
      },
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer
    },

},  
series: [{
    renderer: $.jqplot.OHLCRenderer,
    rendererOptions: {
        candleStick: true
    }
}],
highlighter: {
    show: true,
    showMarker: true,
    tooltipAxes: 'xy',
    yvalues: 4,
    formatString: '<table class="jqplot-highlighter"> \<tr><td>date:</td><td>%s</td></tr> \<tr><td>open:</td><td>%s</td></tr> \<tr><td>high:</td><td>%s</td></tr> \<tr><td>low:</td><td>%s</td></tr> \<tr><td>close:</td><td>%s</td></tr></table>'
},

data: [jsonstr]

}];
        if(type == "line"){
            charts[0].series[0]={};
        }
        else if(type == "bar"){
            charts[0].series[0].rendererOptions = {smooth : true};
        }else
        {
            charts[0].series[0].rendererOptions = {candleStick : true};
        }
        if(timeLine == 'H'){
            charts[0].axes.xaxis.tickOptions = { formatString: '%b %e %#I %p',
                       angle:-90};
            //charts[0].axes.xaxis['tickInterval'] =  "1 hour";
        }
        $('#chart2').jqplot(charts[0]);



    }

</script>

<div id="mydiv"></div>
<label id="lbl"></label>

<div class="test" style="position:absolute; top:-50px; left:40%; color:#333333; opacity:0;z-index:9999;" id="status">No Data</div>
<div id="chart2" style="height: 400px; width: 720px;">

</div>

In that code I need to call getData() passing 3 parameters from Java code.

My Java code is below:

webView.addJavascriptInterface(new JavaScriptInterface(this), "Android");

String loc = "file:///android_asset/candlechart/candlebar.html";
    webView.getSettings().setJavaScriptEnabled(true);
    webView.clearView();
    // myWebView.measure(100, 100);
    webView.getSettings().setUseWideViewPort(true);
    webView.getSettings().setLoadWithOverviewMode(true);
    webView.loadUrl(loc);
    webView.loadUrl("javascript:getData('1020','M','bar')");

    webView.setWebViewClient(new WebViewClient() {
        public void onPageFinished(WebView view, String loc) {

        }

    });

解决方案

You are calling your second loadUrl() way too soon. loadUrl() is asynchronous. You need to wait until your page is loaded. Call webView.loadUrl("javascript:getData('1020','M','bar')"); in the OnPageFinished method.

上一篇：ACTION_BATTERY_LOW没有从清单解雇？清单、ACTION_BATTERY_LOW

下一篇：自定义的ListView单选项的选择自定义、选项、ListView

相关推荐

精彩图集

精彩推荐

图片推荐

家长扯掉托管班教授亵服撕烂其裙子全程