我正在学习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对象