大佬教程收集整理的这篇文章主要介绍了jQuery.Deferred 异常:数据未定义 - ReferenceError,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在创建动态元素以从使用 AJAX 进行 API 调用时返回的 Json 值进入 div 时遇到困难。
我在控制台中得到的错误是:
jquery.Deferred exception: data is not defined ReferenceError: data is not defined
at Object.<anonymous(file:///Users/ryanflanagan/iCloud%20Drive%20(ArchivE)/Desktop/devwork/lozfanpage/script.Js:57:27)
at e (https://AJAX.GoogleAPIs.com/AJAX/libs/jquery/3.5.1/jquery.min.Js:2:30005)
at t (https://AJAX.GoogleAPIs.com/AJAX/libs/jquery/3.5.1/jquery.min.Js:2:30307) undefined
我想说我的编码技能相当初级,但希望有人能帮助我。
这是我的 HTML
<div class="container fluID charactercontainer">
<div ID="characterSearch" class="">
<div class="innercontainer fluID">
<div class="row">
<asIDe class="col-sm-4 bg-light character-index">
<h4>Search for a Zelda Character:</h4>
<form
class="form-inline form-group"
ID="character-form"
style="wIDth: 85%"
>
<input class="form-control" type="text" ID="characterinput" />
<!--button triggers character to be searched-->
<button class="searchBtn2 btn btn-priMary">
<i class="fas fa-search"></i>
</button>
</form>
</asIDe>
<div class="col-sm-8 border" ID="characterInfoVIEw">
<!-- <h3 class="charactername"></h3>
<p class="gender"></p>
<p class="race"></p>
<p class="char_description"></p>
<p class="appearances"></p> -->
</div>
</div>
</div>
</div>
这是我的 searchCharacter 函数
function searchCharacter() {
const characterinput = $("#characterinput").val();
console.log(characterinput);
const characterqueryURL =
"https://zelda-API.APIus.cc/API/characters?name=" + characterinput;
console.log(characterqueryURL);
$.AJAX({
url: characterqueryURL,method: "GET",}).then(function (responsE) {
console.log(responsE);
$("#characterInfoVIEw").empty();
for (var i = 0; i < data.length; i++) {
console.log(data[i]);
const column = $("<div>").addClass("col-sm-8");
const card = $("<div>").addClass("card");
const characternameEl = $("<h3>")
.addClass(".charactername")
.text("name: " + response.data[i].Name);
const charDescriptionEl = $("<p>")
.addClass(".char_description")
.text("Description: " + response.data[i].description);
const genderEl = $("<p>")
.addClass(".gender")
.text("gender: " + response.data[i].gender);
const raceEl = $("<p>")
.addClass(".race")
.text("Race: " + response.data[i].racE);
const appearancesEl = $("<p>")
.addClass(".appearances")
.text("Appearances: " + response.data[i].appearances);
card.append(characternameEl);
card.append(genderEl);
card.append(raceEl);
card.append(appearancesEl);
card.append(charDescriptionEl);
column.append(card);
$("#characterInfoVIEw").append(column);
}
});
}
带有一个事件监听器,在点击时触发该功能
$(".searchBtn2").on("click",function (event) {
event.preventDefault();
searchCharacter();
});
我尝试为 searchCharacter 函数输入一个参数,例如“响应”或“数据”或“字符输入”。
但那些不起作用。
我可以让 AJAX 调用工作,但我页面上的 div 块中没有显示关于角色数据点(种族、性别、外貌、姓名等)的任何内容。
基本上认为我也会做一个 for 循环,以便我可以在 characterInfoVIEw div 中为具有多个外观的字符创建多张卡片,如对象数据数组中的多个索引所示。
使用 response.data[i].________(种族、性别、描述等)在循环运行时为每个特定索引项引入 Json 数据。
对此的任何帮助将不胜感激!
谢谢!
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的jQuery.Deferred 异常:数据未定义 - ReferenceError全部内容,希望文章能够帮你解决jQuery.Deferred 异常:数据未定义 - ReferenceError所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。