Javascript 如果其中一个JSON项未返回,如何显示错误消息。我只是想说一些类似的话;我们找不到您的订单号;

Javascript 如果其中一个JSON项未返回,如何显示错误消息。我只是想说一些类似的话;我们找不到您的订单号;,javascript,html,json,Javascript,Html,Json,如果其中一个JSON项未返回,如何显示错误消息?只是想说“我们找不到您的订单号”。问一些可能很简单的问题,我觉得很愚蠢 如果您可以查看order.js文件,您将看到几个OrderNumber和section Number。理想情况下,用户应该从他们已经拥有的电子邮件中知道他们的订单号。用户感兴趣的是找出他们的订单所在的部分。要找到答案,他们需要输入订单号 /*手动输入的JSON数据*/ 让数据=[ { “订单号”:“8306”, “节”:“120” }, { “订单号”:“8373”, “节”:

如果其中一个JSON项未返回,如何显示错误消息?只是想说“我们找不到您的订单号”。问一些可能很简单的问题,我觉得很愚蠢

如果您可以查看order.js文件,您将看到几个OrderNumber和section Number。理想情况下,用户应该从他们已经拥有的电子邮件中知道他们的订单号。用户感兴趣的是找出他们的订单所在的部分。要找到答案,他们需要输入订单号

/*手动输入的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