iOS Swift How to pass JSON String and Array or Dictionary to Javascript from UIWebView?

Question

In my project I have pass String to JavaScript using stringByEvaluatingJavaScript it have passed successfully. But if I have pass JSON String and Array or Dictionary means it doesn't pass the values I don't know how to pass these.

Here I have mention the code I have tried for pass the string to JavaScript,

let param:String = "HI"
let _ = self.webView.stringByEvaluatingJavaScript(from: "myNewFunction('\(param)')")

It Successfully return the value HI

Here I Mentioned the JavaScript Code,

<!DOCTYPE html>
<html>
    <p>Click the button to display an alert box.</p>
    <script>
        function myNewFunction(param) {
            alert(param);
        }
    </script>
<body>
    <button onclick="myNewFunction()">Try it</button>
</body>
</html>

How can I pass the values like Array and Dictionary and the JSON String?

Why you do not convert your dictionary to jsonstring using jsonserializer ? Then you can pass the json string to your javascript method. — Husein Behboudi Rad
– Husein Behboudi Rad, Commented Nov 9, 2018 at 12:50

Haseeb Afsar · Accepted Answer · 2018-11-09 17:18:03Z

1

let dict:[String:Any] = ["key1":10,"key2":false, "key3": "Some string goes in here"]
        let jsonData = try? JSONSerialization.data(withJSONObject: dict, options: [.prettyPrinted])
        if let data = jsonData{
            let value = String(data: data, encoding: .utf8)
            print( value )
        }

Output: Optional("{\n \"key1\" : 10,\n \"key2\" : false,\n \"key3\" : \"Some string goes in here\"\n}")

Code in Playground

Result in Playground

Here what was missing was the dictionary type inference i.e dict:[String:Any]. Also when you use try use optional along with it as it may throw an exception like try?

answered Nov 9, 2018 at 17:18

Haseeb Afsar

6296 silver badges7 bronze badges

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

Comments

Brandon · Accepted Answer · 2018-11-09 12:52:49Z

0

This might work.. I haven't tested it yet:

if let data = try? JSONSerialization.data(withJSONObject: arrayOrDictionaryHere, options: [.prettyPrinted]), let param = String(data: data, encoding: .utf8) {
    self.webView.stringByEvaluatingJavaScript(from: "myNewFunction('\(param)')")
}


//JS:

function myNewFunction(param) {
    alert(JSON.parse(param))
}

answered Nov 9, 2018 at 12:52

Brandon

23.6k13 gold badges110 silver badges200 bronze badges

1 Comment

B.Saravana Kumar Over a year ago

This code working only for String Value not for other things.

Husein Behboudi Rad · Accepted Answer · 2018-11-09 13:14:47Z

0

Use following code for converting dictionary to jsonstring:

 var dict : Dictionary = ["key1":"value1","key2":"value2"]
let data = try JSONSerialization.data(withJSONObject: dict, options: [.prettyPrinted])
let value = String(data: data, encoding: .utf8)

and then call your javascript method using the string in value

if you replace dict in second line with and instance of json array then you will get json string of the json array too. I every thing will work for that too.

edited Nov 9, 2018 at 13:14

answered Nov 9, 2018 at 12:58

Husein Behboudi Rad

5,47211 gold badges60 silver badges116 bronze badges

7 Comments

B.Saravana Kumar Over a year ago

This code working only for String Value not for other things.

Husein Behboudi Rad Over a year ago

As I told you can convert your dictionary and array to string and then pass them to your javascript and in your javascript then convert the to array or dictionary.

Husein Behboudi Rad Over a year ago

OK. so in witch part you have the problem? In getting the json string in value or on receiving it on the java script? Can you see the json string in the value or not?

B.Saravana Kumar Over a year ago

I have Used the below code only bro, let data = try JSONSerialization.data(withJSONObject: tempComponentArray, options: [.prettyPrinted]) let value = String(data: data, encoding: .utf8) let encodedStr = self.webView.stringByEvaluatingJavaScript(from: "myNewFunction('(String(describing: value))')") print("encodedStr: ",encodedStr!)

B.Saravana Kumar Over a year ago

when I print the value means that returns empty.. print("encodedStr: ",encodedStr!)

|

Collectives™ on Stack Overflow

iOS Swift How to pass JSON String and Array or Dictionary to Javascript from UIWebView?

3 Answers 3

Comments

1 Comment

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related