Question

我想显示搜索特定电影时显示的所有电影的列表。现在，它只像数组一样列出它们。我想查看title，poster，{{1 }}它的拍摄等这是我的代码。这是我第一次使用api。感谢所有将答复的人。

year

$(document).ready(function() {
  $('#formSubmit').click(function(e) {

    let txtSearch = $('#txtSearch').val();
    getMovies(txtSearch);
    e.preventDefault();
  });
});

function getMovies(txtSearch) {
  $.get('http://www.omdbapi.com/?apikey=KEY&s=' + txtSearch, function(txtSearch) {
    console.log(txtSearch);
    //This is where the request goes//
  });
}

Answer 1

一旦您通过jQuery Dim allelements As HtmlElementCollection = WebBrowser1.Document.GetElementsByTagName("tr") For Each webpageelement As HtmlElement In allelements Dim SearchID = webpageelement.GetAttribute("data-search_id") Dim Style As String = "" If webpageelement.Style IsNot Nothing Then Style = webpageelement.Style End If If SearchID = "1762" AndAlso Style.Contains("green") Then Label1.Text = "Working" End If Next函数获得结果，就可以开始处理结果。在下面的示例中，我创建了一个新函数$.get(url, callback(res))，该函数用于遍历API请求的结果。

在handleResults(results)中，我遍历每个handleResults对象，并从该对象中提取标题，年份和张贴者，并将它们分配给克隆的对象（results.Search）。完成所有分配后，我们可以将克隆的对象附加到视图中并删除var main = $('.result:first-child').clone();类，以便可以看到它。

我从代码中删除了硬编码的API密钥，因为公开共享这些密钥是不好的。我添加了一个框，您可以在其中输入密钥，以便代码段起作用。

hidden

$(document).ready(function() {
  $('#formSubmit').click(function(e) {

    let txtSearch = $('#txtSearch').val();
    getMovies(txtSearch);
    e.preventDefault();
  });
});

function getMovies(txtSearch) {
  var key = $('.api-key').val();
  $.get('http://www.omdbapi.com/?apikey='+key+'&s=' + txtSearch, handleResults);
}

function handleResults(results) {
  results.Search.forEach(function(res) {
    var main = $('.result:first-child').clone();
    $('.title', main).text(`${res.Title} (${res.Year})`);
    $('.img', main).attr('src', res.Poster);
    main.appendTo('.results').removeClass('hidden');
  });
}

显示Ajax列表

1 个答案: