jquery - Kendo UI - エラー: Uncaught SyntaxError: Unexpected token :

Question

Error - Error: Uncaught SyntaxError: Unexpected token :

プラットフォーム - アイスニウム。

http://localhost:35798/RestServiceImpl.svc/jsonデータを取得するリモート サービスを使用しています。サービスから受け取ったデータにフォーマットを添付しました。

これが私のコードです：

var dataSource = new kendo.data.DataSource({
    schema: {
        data: "d"
    },
    transport: {
        read: {
            url: "http://localhost:35798/RestServiceImpl.svc/json",
            dataType: "jsonp", // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
            data: {
                id: "4"
            },
            type: "GET",
            contentType: "application/json;charset=utf-8"
        },
        change: function () {
            alert('called');
            var data = this.data();
            console.log(data.length); // displays "77"
            debugger;
            $('#txtJson').val(data[0].name);
        }

    }
});

$("#submitButton").click(function () {
    dataSource.read();
    var data = dataSource.data();
    console.log(data.length);
});

ここに私のサービスコードがあります -

[OperationContract]
    [WebInvoke(Method = "GET",
        RequestFormat = WebMessageFormat.Json,
        ResponseFormat = WebMessageFormat.Json,
        BodyStyle = WebMessageBodyStyle.Wrapped,
        UriTemplate = "json?id={id}")
        ]
    List<Person> JSONData(string id);

Q 1) このエラーを解決する方法 -Uncaught SyntaxError: Unexpected token何か不足していますか?

Q 2) を呼び出しているボタンをクリックした後dataSource.read()、その後dataSource.data().length0 になっています。これは で処理する必要があると思いますdataSource.bind(change:function())。ただし、After dataSource.read()change 関数は発火しません。