Passing json object from Android/iOS native to javascript

Question

Is there any way to pass JSONObject from android to javascript. We are using WebView.evaluateJavascript mehtod and are able to send only String type object. In JS if we are checking the method paramter;s typeof(data) then it is displaying as string but in iOS it displays typeof(data) as OBJECT.

In both android and iOS we are passing String and NSString.

JS method is:

   response: function(id, err, data) {
        var dataObj;
        if(typeof(data) == 'string' ){
            dataObj  = JSON.parse(data || '{}');
        }
  }

Android call:

String responseStr = "{\"ok\":\"ok\"}";
String nativeToWebMethod = "javascript:window.nativeService.response("1",'','"+responseStr+"')";
webView.evaluateJavascript(nativeToWebMethod, null);

jDur · Accepted Answer · 2015-06-16 12:53:35Z

2

Just send it as if you were loading a url:

private void loadJS(String jsonResponse){

    mWebView.loadUrl("javascript:" + "(function(){" + "yourJsMethodName" + "(" +jsonResponse + ");" + "})()");

}

This will execute a JS Code that will call a function called yourJsMethodName and will pass the JSON as parameter.

Consider execute the last code in the Main Thread

answered Jun 16, 2015 at 12:53

jDur

1,4919 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Manish Over a year ago

My code can can already call js method and can send string param to it. Issue is in sending json as an JSONObject.

jDur Over a year ago

I don't see your point. Lets say you pass this to your webview -> theFunction( { "ok" : "ok" } );, here you are passing a JSON object, which is different of -> theFunction( "{ \"ok\" : \"ok\"}"); Here you are passing an String. The stuff is in how you construct your responseStr. As you can see you are passing it as 'responseStr', with simple comas. The JS will interprete it as String. But IOS is some times special. It is possible that IOS was interpreting the String directly as JSON

Manish · Accepted Answer · 2015-06-18 12:39:46Z

2

I find out the issue, it was in the way I was sending data:

String nativeToWebMethod = "javascript:window.nativeService.response("1",'','"+responseStr+"')";

should be replaced with

String nativeToWebMethod = "javascript:window.nativeService.response("1",'',"+responseStr+")";

removed single quote around the responseStr.

answered Jun 18, 2015 at 12:39

Manish

1,0131 gold badge11 silver badges29 bronze badges

Collectives™ on Stack Overflow

Passing json object from Android/iOS native to javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related