首页 > 解决方案 > 使用来自 View 的输入搜索 JSON,然后将该数据返回给 View

问题描述

我正在学习 asp.net Web 开发来构建一个简单的应用程序,该应用程序从视图中获取用户输入,并使用该输入在 json 文件中搜索该值所在的 json 对象。一旦找到包含输入值的对象,我想将该对象作为表格返回到视图中。

直接问题:获取用户输入并在 json 文件中搜索包含输入值的对象。

看法

<div class="mainBranch">
    <div class="introduction">
        <h1>Part Pedigree Query</h1>
    </div>

    <div>
        <form class="pure-form">
            <input id="lotNum" type="text" placeholder="Enter Enter Lot#" />
            <br />
            <button type="submit" value="Submit">Search The Database</button>
        </form>
    </div>
</div>

模型:

namespace TorajWebService.Models
{
    public class PartInstance
    {
        public int Part { get; set; }
        public int Lot { get; set; }
        public int Temp1 { get; set; }
        public int Humidity1 { get; set; }
        public int Temp2 { get; set; }
        public int Humidity2 { get; set; }
        public int Temp3 { get; set; }
        public int Humidity3 { get; set; }
        public int Dip1 { get; set; }
        public int Dip2 { get; set; }
        public int Dip3 { get; set; }
        public int Dip4 { get; set; }
        public int Dip5 { get; set; }
        public int Dip6 { get; set; }
        public int Dip7 { get; set; }
        public int Dip8 { get; set; }
        public int Dip9 { get; set; }
        public int Dip10 { get; set; }
        public int Dip11 { get; set; }
        public int Dip12 { get; set; }
        public int Dip13 { get; set; }
        public int Dip14 { get; set; }
        public int WaterTempOutMean { get; set; }
        public int Furnace { get; set; }
        public int Defects { get; set; }
    }
}

Javascript:只需将值打印到控制台,因为我不知道如何查询我的 JSON 文件

namespace TorajWebService.Models
$(document).ready(function () {

    var nameInput = document.getElementById('lotNum');

    document.querySelector('form.pure-form').addEventListener('submit', function (e) {

        //prevent the normal submission of the form
        e.preventDefault();

        console.log(nameInput.value);
    });


});

当前状态:我可以接受用户输入并将其打印到控制台

Desire State:接受用户输入并返回包含输入值的 JSON 对象

标签: c#jqueryasp.netjsonasp.net-mvc

解决方案


推荐阅读