Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从Dart代码调用匿名Javascript函数_Javascript_Dart_Dart Js Interop - Fatal编程技术网

从Dart代码调用匿名Javascript函数

从Dart代码调用匿名Javascript函数,javascript,dart,dart-js-interop,Javascript,Dart,Dart Js Interop,我正在编写一个从JavaScript调用的Dart库,完成后,Dart需要调用JavaScript中的匿名回调函数 JavaScript: function main() { application.log("ready"); } function getValueById(id){ return document.getElementById(id).value; } function contact(){ application.log("Contact Subm

我正在编写一个从JavaScript调用的Dart库,完成后,Dart需要调用JavaScript中的匿名回调函数

JavaScript:

function main() {
    application.log("ready");
}

function getValueById(id){
    return document.getElementById(id).value;
}

function contact(){
    application.log("Contact Submit Clicked");
    application.contact({
        name: getValueById("contactFormName"),
        email: getValueById("contactFormEmail"),
        phone: getValueById("contactFormPhone"),
        message: getValueById("contactFormMessage"),
        subject: "Message From " + getValueById("contactFormName") + " via Contact Form",
        callback: function(response){
            // TODO: handle response here
            console.log("callback being executed");
            console.log(response);
        }
    });
}

var application = function () {
    this.companyId = "5905063580";
    this.companyName = "Company XYZ";
    this.ready = main;
}
HTML:


我认为您需要像这样调用JavaScript函数

callback.apply([response]);
您将无法以这种方式传递
响应。只能传递基本值或基本值集合,如:

Map arg={'message':response.message'otherfield':response.otherfield};
apply([new JsObject.jsify(arg)]);

如果成功执行回调,唯一的问题是打印出来的响应是“DartObject{}”,并且response.message显然未定义-如何将该DartObject转换为JavaScript对象?在这种情况下,它与回调一样简单。apply([new JsObject.jsify(response.toJson())];将其转换为地图。toJson使用dart:convert对Json进行序列化。100%有效,谢谢Gunter!!是的,从提供的信息中我不知道,但我希望你能自己解决剩下的问题:-)。
....
<button onclick="contact()">Submit</button>
import 'dart:html';
import 'dart:js';
...

contact(ContactRequest request, callback)  {
  new RPC.submit(request, URL.contactURL, request.companyName, (res) {
    ContactResponse response = new ContactResponse();
    response.fromJson(res);

    print(response.toString());        
    // prints {"message":"Message Sent", ...}

    // do callback here
    // context.callMethod(callback, [response]); <-- failing here
    // callback(response); <-- also failing


  });
}

void main() {

  String companyId = null;
  String companyName = null;

  context['application']['log'] = (String param) {
    print(param);
  };

  context['application']['contact'] = (JsObject param) {
    ContactRequest request = new ContactRequest();
    request.companyId = companyId;
    request.companyName = companyName;
    request.action = "CONTACT";
    request.name = param["name"];
    request.email = param["email"];
    request.phone = param["phone"];
    request.message = param["message"];
    request.subject = param["subject"];
    contact(request, param["callback"]);
  };

  ...

  var application = new JsObject(context['application']);
  companyId = application['companyId'];
  companyName = application["companyName"];
  application.callMethod("ready");
}
Exception: Uncaught Error: Class 'JsFunction' has no instance method 'call'.

NoSuchMethodError: method not found: 'call'
Receiver: Instance of 'JsFunction'
Arguments: [Instance of 'ContactResponse']
Stack Trace:
#0      Object.noSuchMethod (dart:core-patch/object_patch.dart:45)
#1      contact.<anonymous closure> (http://localhost:63342/jsapi/web/cloudauctioneers.v1.dart:24:13)
#2      RPC.RPC.submit.<anonymous closure> (package:jsapi/model/rpc.dart:10:17)
#3      _RootZone.runUnary (dart:async/zone.dart:1155)
#4      _Future._propagateToListeners.handleValueCallback (dart:async/future_impl.dart:484)
#5      _Future._propagateToListeners (dart:async/future_impl.dart:567)
#6      _Future._completeWithValue (dart:async/future_impl.dart:358)
#7      _Future._asyncComplete.<anonymous closure> (dart:async/future_impl.dart:412)
#8      _asyncRunCallbackLoop (dart:async/schedule_microtask.dart:41)
#9      _asyncRunCallback (dart:async/schedule_microtask.dart:48)
#10     _handleMutation (dart:html:41819)
 undefined:1undefined
Exception: Uncaught Error: No static method 'callMethod' declared in class 'JsFunction'.

NoSuchMethodError: method not found: 'callMethod'
Receiver: Type: class 'JsFunction'
Arguments: [Instance of 'JsFunction', Instance(length:1) of '_GrowableList']
Stack Trace:
#0      NoSuchMethodError._throwNew (dart:core-patch/errors_patch.dart:173)
#1      contact.<anonymous closure> (http://localhost:63342/jsapi/web/cloudauctioneers.v1.dart:26:16)
#2      RPC.RPC.submit.<anonymous closure> (package:jsapi/model/rpc.dart:10:17)
#3      _RootZone.runUnary (dart:async/zone.dart:1155)
#4      _Future._propagateToListeners.handleValueCallback (dart:async/future_impl.dart:484)
#5      _Future._propagateToListeners (dart:async/future_impl.dart:567)
#6      _Future._completeWithValue (dart:async/future_impl.dart:358)
#7      _Future._asyncComplete.<anonymous closure> (dart:async/future_impl.dart:412)
#8      _asyncRunCallbackLoop (dart:async/schedule_microtask.dart:41)
#9      _asyncRunCallback (dart:async/schedule_microtask.dart:48)
#10     _handleMutation (dart:html:41819)