How can I send and receive variables to and from javascript functions using Dart?

Question

I've been using a bit of code (by John Evans) to execute javascript from within Dart:

void injectJavascript(String javascript, [bool removeAfter = false]){
  var s = new Element.tag("script");
  s.attributes["type"] = "text/javascript";
  s.text = javascript;
  document.body.nodes.add(s);
  if (removeAfter != null && removeAfter)
    s.remove();
}

injectJavascript("alert('using javascript')");

But I haven't been able to send or return variables. Is this currently possible? If not, any idea when it will become possible?

Lars Tackmann · Accepted Answer · 2012-05-20 19:59:15Z

5

You will need to use postMessage to do this. For example if you have converted your variable into JSON then you can do this from inside Dart

window.postMessage(jsonMessage, "*");

and then pick it up from the JavaScript side like this

function recieveMessage(event) {
  var message = JSON.parse(event.data);
  :
}
window.addEventListener("message", receiveMessage, false);

If you need to work with more advanced things such as two way communication and callbacks then take a look at the code for DartGap in particular the DeviceMessageRouter class and the javascript integration layer.

edited May 20, 2012 at 19:59

answered May 20, 2012 at 19:53

Lars Tackmann

21k13 gold badges71 silver badges85 bronze badges

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

Comments

ilikerobots · Accepted Answer · 2016-04-08 13:57:12Z

2

You may use dart.js to directly execute javascript functions and capture the return.

var result = js.context.callMethod('getAnswer', [new js.JsObject.jsify(myargs)]);

The types of passed/returned objects are however limited. See the link above for info on which objects can be passed directly. Note also that lists and should be 'jsified' before being used as arguments to callMethod.

edited Apr 8, 2016 at 13:57

answered Apr 8, 2016 at 13:22

ilikerobots

7876 silver badges16 bronze badges

Comments

Alexandre Ardhuin · Accepted Answer · 2014-01-20 12:16:44Z

1

You can use dart:js.

This library provides access to JavaScript objects from Dart, allowing Dart code to get and set properties, and call methods of JavaScript objects and invoke JavaScript functions. The library takes care of converting between Dart and JavaScript objects where possible, or providing proxies if conversion isn't possible.

See also the article Using JavaScript from Dart.

answered Jan 20, 2014 at 12:16

Alexandre Ardhuin

76.9k17 gold badges162 silver badges136 bronze badges

Collectives™ on Stack Overflow

How can I send and receive variables to and from javascript functions using Dart?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related