Question

我想通过WebApi请求将Ajax控制器中的对象发送到Html页面。

当我收到JS中的对象时，它是空的。但是服务器端的对象不是空的，因为当我看到它byte[].length大于0时。

服务器端，我使用dll provided by Google。

JS方面，我使用ProtobufJS library。这是我的.proto文件：

syntax="proto3";

message Container {
    repeated TestModel2 Models = 1;
}

message TestModel2 {
    string Property1 = 1;
    bool Property2 = 2;
    double Property3 = 3;
}

服务器代码：

var container = new Container();

var model = new TestModel2
{
    Property1 = "Test",
    Property2 = true,
    Property3 = 3.14
};

container.Models.Add（模型）;

Base64数据：

ChEKBFRlc3QQARkfhetRuB4JQA ==

JS解码：

var ProtoBuf = dcodeIO.ProtoBuf;
var xhr = ProtoBuf.Util.XHR();
xhr.open(
    /* method */ "GET",
    /* file */ "/XXXX/Protobuf/GetProtoData",
    /* async */ true
);
xhr.responseType = "arraybuffer";
xhr.onload = function (evt) {
    var testModelBuilder = ProtoBuf.loadProtoFile(
        "URL_TO_PROTO_FILE",
        "Container.proto").build("Container");
    var msg = testModelBuilder.decode64(xhr.response); 
    console.log(JSON.stringify(msg, null, 4)); // Correctly decoded
}
xhr.send(null);

JS控制台中的结果对象：
```
{
    "Models": []
}
```
bytebuffer.js
protobuf.js v5.0.1

Answer 1

最后我自己解决了这个问题。

客户端出了问题。

实际上xhr.response是JSON格式，所以它在双引号"ChEKBFRlc3QQARkfhetRuB4JQA=="之间。我不得不JSON.parse我的回复。enter code here
我删除了xhr.responseType = "arraybuffer";

现在是我的代码：

var ProtoBuf = dcodeIO.ProtoBuf;
var xhr = ProtoBuf.Util.XHR();
xhr.open(
    /* method */ "GET",
    /* file */ "/XXXX/Protobuf/GetProtoData",
    /* async */ true
);
// xhr.responseType = "arraybuffer"; <--- Removed
xhr.onload = function (evt) {
    var testModelBuilder = ProtoBuf.loadProtoFile(
        "URL_TO_PROTO_FILE",
        "Container.proto").build("Container");
    var msg = testModelBuilder.decode64(JSON.parse(xhr.response)); <-- Parse the response in JSON format
    console.log(msg); // Correctly decoded
}
xhr.send(null);

Protobuf：WebApi - ＆gt; JS - 解码对象为空

1 个答案: