使用来自View的输入搜索JSON,然后将该数据返回给View

时间:2019-05-21 20:10:57

标签: c# jquery asp.net json asp.net-mvc

我正在学习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);
    });


});

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

期望状态: 接受用户输入并返回包含输入值的JSON对象

0 个答案:

没有答案