Send data between php and dart

Question

So i am trying to communicate between dart clientside and a php server side using AJAX. Since direct execution is not possible. I compiled the dart to javascript and then run it on a apache server.

json data is generated at client end, But there is no response from the the server

dart code

import 'dart:html';
import 'dart:json';

void main() {
  query("#clicker").on.click.add(callServer);

}

void callServer(Event event) {
  var data ={ 'name':"sendname"}
  ,jsondata=stringify(data);
  print(jsondata);

  var req = new HttpRequest();
  req.open('post','http://localhost:8080/darttest/server.php',true);
  //req.setRequestHeader('Content-type','application/json');
  req.send(jsondata);
  print(req.responseText);
}

php side i just echo the content received

<?php

$name = $_POST['name'];
echo $name;

?>

This is my first try at dart programming, so do let me know if this approach is even possible

What do you mean direct execution is not possible. Did you use Dartium? — lll
– lll, Commented Jan 28, 2013 at 8:37
Trying to call php from dart gets some error like "access-control-allow-origin" — de-bugged
– de-bugged, Commented Jan 28, 2013 at 9:28
Yes, this approach is possible (and even expected). The access-control-allow-origin error is described in my answer below, and is a browser security issue rather than something that is Dart specific. — Chris Buckett
– Chris Buckett, Commented Jan 28, 2013 at 9:51

Community · Accepted Answer · 2017-05-23 12:21:21Z

2

Is localhost:8080 serving both the static Dart (as JS), and the php? If not, you're likely coming across the access-control-allow-origin issue (which is a browser security issue).

This prevents one site posting date to another site.

Work-arounds:

Ensure that the site serving php returns the correct CORS headers: http://enable-cors.org/server.html
Serve the static Dart/JS files from the same URL (localhost:8080)

For more information, read these:

Update Workaround 3 is described here (for Chrome / Dartium): https://groups.google.com/a/dartlang.org/d/msg/misc/kg13xtD7aXA/uxeXXrw3CG8J

You can add the parameter "--disable-web-security" to chrome.exe to disable cross domain check.

(Of course, this is only useful while you are developing)

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Jan 28, 2013 at 8:40

Chris Buckett

14.5k5 gold badges42 silver badges46 bronze badges

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

1 Comment

de-bugged Over a year ago

Hi Chris, Im currently serving JS and PHP from localhost:8080. So shouldnt my current code should work without CORS. Thnx for the links this shd help with direct dart to php . Ill give it a shot

Alexandre Ardhuin · Accepted Answer · 2013-01-28 08:53:10Z

1

To read the response, you have to put your code in a callback on readyStateChange :

var req = new HttpRequest();
req.open('post','http://localhost:8080/darttest/server.php',true);
req.on.readyStateChange.add((e){
  if (req.readyState == HttpRequest.DONE && req.status == 200){
    print(req.responseText);
  }
});
req.send(jsondata);

With your code the http request was not processed when you tried to read the response. You have to wait the completion of the request to read the response.

edited Jan 28, 2013 at 8:53

answered Jan 28, 2013 at 8:44

Alexandre Ardhuin

76.9k17 gold badges162 silver badges136 bronze badges

2 Comments

poitroae Over a year ago

Do I have to separately activate a php-server or such? I use one but it feels that Chromium/Dartium is using its own webserver. The php script always returns OK: 200 and no request.responseText.

Alexandre Ardhuin Over a year ago

When you use run in dartium the Dart Editor will launch its own server (by default on http://127.0.0.1:3030/). So you have to use a separated php-server.

Allen Wayne · Accepted Answer · 2013-03-26 18:06:48Z

0

this is not sending data between dart and php. this is sending data from dart to php!!!

answered Mar 26, 2013 at 18:06

Allen Wayne

1216 bronze badges

1 Comment

poitroae Over a year ago

That's a comment, but not an answer.

Collectives™ on Stack Overflow

Send data between php and dart

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related