我正在处理我的第一个SignalR代码,而且我遇到了一个未捕获的类型错误。我的代码最初工作,因为我的集线器控制器将一个序列化的数组返回给客户端。当我尝试使用$ .each()方法迭代数组时,会出现问题。我收到的确切错误是:
未捕获的TypeError:无法使用'in'运算符来搜索'95' [{ “OptionsId”:3 “MembershipLevel”: “金”, “MembershipLevelId”:2, “天”:0, “月”:1, “费”:20.00}]
我不知道这意味着什么,所以我不确定这是否与SignalR相关,jQuery或其他什么。这是我的代码。
jQuery的:
var getOptions = function () {
// reference the auto generated proxy for the hub
var vR = $.connection.vendorRegistration;
// create the function that the hub can call back to update option
vR.client.updateMembershipOptions = function (returnOptions) {
// update the selectList
$("select[name=SelectedMembershipOption]").empty();
// this is where I receive the error
$.each(returnOptions, function (index, memOption) {
$("select[name=SelectedMembershipOption]").append(
$("<option/>").attr("value", memOption.OptionsId)
.text(memOption.MembershipLevel)
);
});
};
// Start the connection
$.connection.hub.start().done(function () {
$("#VendorType").change(function () {
// call the ReturnMembershipOptions method on the hub
vR.server.returnMembershipOptions($("#VendorType")
.val());
});
});
};
服务器端:
public class VendorRegistration : Hub
{
public void ReturnMembershipOptions(int vendorTypeId)
{
// get the options
var options = AcoadRepo.Vendors.ApiLogic.MembershipOptions
.ReturnOptions(vendorTypeId);
// serialize the options
var returnOptions = JsonConvert.SerializeObject(options);
// call the updateMembershipOptions method to update the client
Clients.All.updateMembershipOptions(returnOptions);
}
}
答案 0 :(得分:2)
您收到错误的原因是因为您正在尝试遍历字符串。它试图遍历一个字符串的原因是因为这一行:
// serialize the options
var returnOptions = JsonConvert.SerializeObject(options);
SignalR会为你序列化你的对象,所以既然你在hub方法中序列化,那么通过线路的数据是双序列化的,然后代表一个普通的字符串,因此当它到达客户端时它被反序列化为一个字符串。
对字符串执行.each将抛出,因为它要求调用参数是数组或对象。
修复您的问题只需删除序列化,然后使用您的选项调用该函数,即:
public class VendorRegistration : Hub
{
public void ReturnMembershipOptions(int vendorTypeId)
{
// get the options
var options = AcoadRepo.Vendors.ApiLogic.MembershipOptions
.ReturnOptions(vendorTypeId);
// call the updateMembershipOptions method to update the client
Clients.All.updateMembershipOptions(options);
}
}