js调用安卓方法或者ios方法.

最新推荐文章于 2025-11-01 17:15:13 发布

原创最新推荐文章于 2025-11-01 17:15:13 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

安卓专栏收录该内容

320 篇文章

订阅专栏

本文探讨如何使用JavaScript调用安卓和iOS应用中的原生方法，以实现Web视图与移动平台的深度整合。在安卓中，通过`addJavascriptInterface`方法创建接口供JS调用。

    $(function () {
        //调用app的方法
        if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
            //window.webkit.messageHandlers.showsearchbar.postMessage(null);//调用ios方法
        } else if (/(Android)/i.test(navigator.userAgent)) {
           android.hasSearchBtn('searchCar');//android 是java和js协商定义的调用对象, hasSearchBtn 是方法名,serchCar 是参数
        }
        //max=10,page=1;
        var _pageNo=1;
        var _pageSize=20;
        var _totalcount='';
        //获取外来的参数
        getparameter();
        //获取参数
        var Request = new Object();
        Request = getUrlParam();
        var owner=Request['owner'];
        var billNo=Request['billNo'];
        var eirId=Request['eirId'];
        var url=_SUITCASE_DATA;
        var token=$.getCookie('token');
        //进入页面加载
        load(_pageNo);
        //滚动加载更多
        var loading = false;  //状态标记
        $(document.body).infinite().on("infinite", function() {
            if(loading) return;
            loading = true;
            setTimeout(function() {
                _pageNo=_pageNo+1;
                load(_pageNo);
                loading = false;
            }, 1000);   //模拟延迟
        });
        //ajax加载数据
        function load(p) {
            var post_data={};
            post_data['uid']= $.getCookie('uid');
            post_data['Authorization']=$.getCookie('token');
            if(owner){
                post_data['owner']=owner;
            }
            if(billNo){
                post_data['billNo']=billNo;
            }
            if(eirId){
                post_data['eirId']=eirId;
            }
            post_data['orderType']='TX';
            post_data['pageNo']=_pageNo;
            post_data['pageSize']=_pageSize;
            ajaxpost(url,post_data,token,function(data){
                if(data.code==200){
                    _totalcount=data.data.totalCount;
                    var cars=data.data.list;
                    if(cars.length==0){
                        //没有数据时
                        $(document.body).destroyInfinite();
                        $(".weui-loadmore").html('<div class="weui-loadmore weui-loadmore_line"> <span class="weui-loadmore__tips">没有更多数据了</span> </div>')
                    }else{
                        $.each(cars, function(i, data) {
                            if(data.bl){
                                data['orderSn']=data.bl;
                            }
                            if(data.billNo){
                                data['orderSn']=data.billNo;
                            }
                            var data=conversionData(data);
                            var arr = {
                                'list':data,
                            };

                            var html = template('list',arr);
                            $('.m_list').append(html);
                        });
                    }

                }else if(data.code==401){
                    layer.open({
                        content: '登录失效,是否返回登录界面？'
                        ,btn: ['确定', '不要']
                        ,yes: function(index){
                            if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
                                window.webkit.messageHandlers.token_timeout.postMessage(null);
                            } else if (/(Android)/i.test(navigator.userAgent)) {
                                android.token_timeout();
                            }
                            layer.close(index);
                        }
                    });

                }else{
                    layer.open({
                        content:data.message
                        ,btn: '确定'
                    });
                    //alert(data.message);
                }
            })
        }

    })
    function searchCar(){
        window.location.href="index.html";
    }

安卓中:

1.mWebView.addJavascriptInterface(new JavaScriptinterface(this), "android");//js调用安卓

2.这个是只要上面触发了,那个js的方法,这里就会有触发!

    //js调用安卓代码
    class JavaScriptinterface {

        private Context mContext;

        public JavaScriptinterface(Context c) {
            this.mContext = c;
        }

        @JavascriptInterface
        public void hasSearchBtn(String name) {//这里的name 就等于"searchCar"
            //            Toast.makeText(mContext, name, Toast.LENGTH_SHORT).show();
            menuText.setVisibility(View.VISIBLE);
        }
    }