为啥我的 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 请求未定义?的主要内容,如果未能解决你的问题,请参考以下文章
为啥我总是在这个 ajax 帖子到 php 时得到未定义的响应?