如何在.NET MAUI中发送和显示Get Request

Question

我正试图使用.NET MAUI实现一个小型应用程序，但在运行时不断出错

System.Net.WebException："无法解析主机"；reqres.in"：不与主机名""关联的地址

有时我收到的错误听起来像：

System.InvalidCastException："指定的强制转换无效。">

为了显示响应，我使用了ListView控件，最后使用了CollectionView

我使用Nuget软件包管理器安装了Newtonsoft.Json。

代码隐藏文件包含以下代码：

private const string url = "https://reqres.in/api/users";
private HttpClient _Client = new HttpClient();
private ObservableCollection<User> userCollection;
protected override async void OnAppearing()
{

base.OnAppearing();
var httpResponse = await _Client.GetAsync(url);
if (httpResponse.IsSuccessStatusCode)
{
Response responseData = JsonConvert.DeserializeObject<Response>(await httpResponse.Content.ReadAsStringAsync());
userCollection = new ObservableCollection<User>(responseData.Users);
User_List.ItemsSource = userCollection;
}
}
public class User
{
[JsonProperty("id")]
public int Id { get; set; }
[JsonProperty("email")]
public string Email { get; set; }
[JsonProperty("first_name")]
public string FirstName { get; set; }
[JsonProperty("last_name")]
public string LastName { get; set; }
[JsonProperty("avatar")]
public string AvatarURI { get; set; }
public string FullName
{
get { return $"{FirstName} {LastName}"; }
}
}
public class Response
{
[JsonProperty("page")]
public int Page { get; set; }
[JsonProperty("per_page")]
public int PerPage { get; set; }
[JsonProperty("total")]
public int Total { get; set; }
[JsonProperty("total_pages")]
public int TotalPages { get; set; }
[JsonProperty("data")]
public ObservableCollection<User> Users { get; set; }
}

XAML文件的内容是：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="TabbedPageTest.TeamMembersPage"
BackgroundColor="{DynamicResource SecondaryColor}">
<StackLayout>
<Label Text="Team Members"/>
<CollectionView x:Name="User_List" HeightRequest="400" >
<CollectionView.ItemTemplate>
<DataTemplate>
<ImageCell ImageSource="{Binding AvatarURI}" Text="{Binding FullName}" Detail="{Binding Email}"/>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
<Button Text="Back" Clicked="OnBackButtonClicked" VerticalOptions="CenterAndExpand" />
</StackLayout>
</ContentPage>

Answer 1

当我使用ListView控件而不是CollectionView时，应用程序会成功运行，并且不会显示任何错误。

我提到我使用了ListView控件，但我没有正确测试它。

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="TabbedPageTest.TeamMembersPage"
BackgroundColor="{DynamicResource SecondaryColor}">
<StackLayout>
<Label Text="Team Members"/>
<ListView x:Name="User_List" 
HeightRequest="400"
ItemSelected="OnListItemSelected">
<ListView.ItemTemplate>
<DataTemplate>
<ImageCell ImageSource="{Binding AvatarURI}" Text="{Binding FullName}" Detail="{Binding Email}"/>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
<Button Text="Back" Clicked="OnBackButtonClicked" VerticalOptions="CenterAndExpand" />
</StackLayout>
</ContentPage>

Answer 2

虽然这是旧的，但对于搜索类似问题的人来说，这里有一个可能的解释。

我遇到了同样的问题，所以将httpResponse代码移到了一个新的方法GetData中，并在mainPage中的InitializeComponent之后调用了它。我认为OnAppearing可能有时间问题。我更改了代码，没有遇到任何问题。