Javascript 如果其中一个JSON项未返回,如何显示错误消息。我只是想说一些类似的话;我们找不到您的订单号;
如果其中一个JSON项未返回,如何显示错误消息?只是想说“我们找不到您的订单号”。问一些可能很简单的问题,我觉得很愚蠢 如果您可以查看order.js文件,您将看到几个OrderNumber和section Number。理想情况下,用户应该从他们已经拥有的电子邮件中知道他们的订单号。用户感兴趣的是找出他们的订单所在的部分。要找到答案,他们需要输入订单号Javascript 如果其中一个JSON项未返回,如何显示错误消息。我只是想说一些类似的话;我们找不到您的订单号;,javascript,html,json,Javascript,Html,Json,如果其中一个JSON项未返回,如何显示错误消息?只是想说“我们找不到您的订单号”。问一些可能很简单的问题,我觉得很愚蠢 如果您可以查看order.js文件,您将看到几个OrderNumber和section Number。理想情况下,用户应该从他们已经拥有的电子邮件中知道他们的订单号。用户感兴趣的是找出他们的订单所在的部分。要找到答案,他们需要输入订单号 /*手动输入的JSON数据*/ 让数据=[ { “订单号”:“8306”, “节”:“120” }, { “订单号”:“8373”, “节”:
/*手动输入的JSON数据*/
让数据=[
{
“订单号”:“8306”,
“节”:“120”
},
{
“订单号”:“8373”,
“节”:“120”
},
{
“订单号”:“8932”,
“节”:“120”
}
]
/*在用户输入订单号后,创建附加以显示节号。用户可以通过电子邮件确认他们已经拥有的订单号*/
函数searchValue(){
让srchString=''
var searchField=$('#search').val().trim();
让srchVal=data.filter(val=>val.OrderNumber.includes(searchField))
srchVal.forEach((项目)=>{
srchString+=`您的号码是${item.Section} `
})
{
$('#resultDiv').empty().append(srchString);
}
}
正文{
字体系列:'Lato','Helvetica Neue',Helvetica,Arial,无衬线;
}
h1,
h2,
h3,
h4,
h5,
h6{
字体系列:'Lato','Helvetica Neue',Helvetica,Arial,无衬线;
字号:700;
}
.btn成功{
背景:#004c54!重要;
边缘顶部:30px;
}
#结果IV{
利润率最高:20%;
字体大小:粗体;
字体系列:arial;
字体大小:1.3rem;
列表样式:无;
宽度:100%;
}
#搜索结果{
宽度:300px;
高度:200px;
溢出:自动;
边框:1px纯黑;
}
报头{
位置:相对位置;
背景色:#004c54;
垫面:6rem;
垫底:4rem;
}
标题。标题。覆盖{
位置:绝对位置;
背景色:#212529;
身高:100%;
宽度:100%;
排名:0;
左:0;
不透明度:0.3;
}
报头.报头h1{
字号:2rem;
}
@介质(最小宽度:768px){
报头{
垫面:2rem;
垫底:1毫米;
}
报头.报头h1{
字体大小:3rem;
}
}
.showcase.showcase文本{
填充:3rem;
}
.showcase.showcase img{
最小高度:30雷姆;
背景尺寸:封面;
}
@介质(最小宽度:768px){
.showcase.showcase文本{
填充:7rem;
}
}
.功能图标{
垫顶:7rem;
垫底:7rem;
}
.功能图标.功能图标项目{
最大宽度:27雷姆;
}
.功能图标.功能图标项目.功能图标图标{
身高:7雷姆;
}
.功能图标.功能图标项目.功能图标图标i{
字体大小:4.5rem;
}
.功能图标.功能图标项目:悬停.功能图标图标i{
字体大小:5rem;
}
.推荐书{
垫顶:7rem;
垫底:7rem;
}
.证言.证言项目{
最大宽度:18rem;
}
.证明。证明项目img{
最大宽度:12雷姆;
盒影:0px 5px 5px 0px#adb5bd;
}
.行动呼吁{
位置:相对位置;
背景色:#343a40;
背景:url(“../img/bg masthead.jpg”)无重复中心;
背景尺寸:封面;
垫面:3rem;
垫底:3rem;
}
.号召行动。覆盖{
位置:绝对位置;
背景色:#212529;
身高:100%;
宽度:100%;
排名:0;
左:0;
不透明度:0.3;
}
footer.footer{
垫顶:4rem;
垫底:4rem;
}
找到我的剪贴画
测试JSON
搜索订单ID
$('#祖先输入')。在('keyup',function()上{
var contacts=$('input[name=contacts]')。val();
$('#submit').prop('disabled',!(contacts.length>=4));
});
var input=document.getElementById(“搜索”);
input.addEventListener(“键控”,函数(事件){
如果(event.keyCode===13){
event.preventDefault();
document.getElementById(“提交”)。单击();
}
});
您就快到了,只需检查srchString
变量的长度。如果为零,则附加自定义消息,说明“我们找不到您的订单号”,否则显示搜索结果
let数据=[{
“订单号”:“8306”,
“节”:“120”
},
{
“订单号”:“8373”,
“节”:“120”
},
{
“订单号”:“8932”,
“节”:“120”
}
]
/*在用户输入订单号后,创建附加以显示节号。用户可以通过电子邮件确认他们已经拥有的订单号*/
函数searchValue(){
让srchString=''
var searchField=$('#search').val().trim();
让srchVal=data.filter(val=>val.OrderNumber.includes(searchField))
srchVal.forEach((项目)=>{
srchString+=`您的号码是${item.Section} `
})
如果(srchString.length>0){
$('#resultDiv').empty().append(srchString);
}否则{
$(“#resultDiv').empty().append(“我们找不到您的订单号” ”);
}
}
正文{
字体系列:'Lato','Helvetica Neue',Helvetica,Arial,无衬线;
}
h1,
h2,
h3,
h4,
H