为啥我的 api ajax 请求未定义?

Posted

技术标签:

【中文标题】为啥我的 api ajax 请求未定义?【英文标题】:Why does my api ajax request pull undefined?为什么我的 api ajax 请求未定义? 【发布时间】:2022-01-10 06:55:30 【问题描述】:

我正在尝试使用提交表单中的搜索词调用我的 API,但我会收到一条错误消息,指出无法读取未定义的属性,我不确定为什么我发送 ajax 请求时没有数据,下面是我的代码。

$(function ()
   let searchform = $('#searchForm')
     searchform.on("submit",function(event)

        event.preventDefault();
        newNameInput = $('#search_term')
        let searchterm = newNameInput.val();
        console.log(searchterm)
        $('#showList').empty();
        $.ajax(
            method: 'GET',
            url: 'http://api.tvmaze.com/search/shows?q='+searchterm,
            success: function(movies)
                $.each(movies, function(i,movie)
                    $('#showList').append('<li class="list"><a href="'+ movie._links.self.href+'">'+ movie.show.name +'</a></li>')
                    $('#showList').show();
                )
            
        )
    
    ) 
)

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TV Shows</title>
</head>
<body>
    <h1>TV Shows</h1>
    <div id="show" hidden></div>
    <ul id="showList" hidden></ul>
    <form id="searchForm">
        <input type="text" id="search_term">
        <label for="text">Search</label>
        <button>Submit</button>
    
    </form>
    <a id="homelink" href="/" hidden>Back to All Shows</a>
    
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
        crossorigin="anonymous"></script>
    <script src="/public/js/index.js"></script>
</body>
</html>

当我检查 URL 时,它会正确返回数据,但不是来自 Ajax。

http://api.tvmaze.com/search/shows?q='+searchterm

【问题讨论】:

未定义的错误是什么?它是电影对象还是它的条目之一? 【参考方案1】:

您的 api 的响应似乎有点不同,似乎您在访问 href$.each 循环中的名称时缺少一个键 show,请尝试更改

...
movie._links.self.href

....

...
movie.show._links.self.href
...

【讨论】:

以上是关于为啥我的 api ajax 请求未定义?的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的 HTTP DELETE 请求正文显示为未定义?

为啥在使用 AJAX/PHP 时收到未定义索引错误?

为啥我总是在这个 ajax 帖子到 php 时得到未定义的响应?

Angular 为啥这个 HTTP 请求响应数组的长度未定义?

收到“未定义无参数构造函数”错误,不知道为啥

我正在向服务器发出 Ajax 发布请求,所有数据都很好,但我的名字和姓氏正在更新为“未定义”