美好的一天!我目前正在从事一个项目,其中用户填写表格并弹出模式确认。验证里面的详细信息后,用户将单击提交以保存数据。我尝试使用 this关于 POST 到 Controller 以将我的数据保存在数据库中的教程。不幸的是,点击 Submit
按钮后没有任何反应。
型号
public partial class Transaction
{
public int id { get; set; }
public string queue_no { get; set; }
public string name { get; set; }
public string address { get; set; }
public DateTime date { get; set; }
}
Controller
[HttpPost]
public ActionResult Transactions(string Name, string Address,string QueueNo)
{
Transaction trans = new Transaction();
trans.name = Name;
trans.address = Address;
db.Transactions.Add(trans);
db.SaveChanges();
return RedirectToAction("Index");
}
查看
<div class="modal-body">
Are you sure you want to submit the following details?
<br/>
<br />
<table class="table">
<tr>
<th>Queue Number</th>
<td id="queuenoo"></td>
</tr>
<tr>
<th>Fullname</th>
<td id="namee"></td>
</tr>
<tr>
<th>Address</th>
<td id="addresss"></td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<a href="#" id="submit" class="btn btn-success success">Submit</a>
</div>
</div>
Javascript
$('#submit').click(function() {
var url = "/Series/Transactions";
var name = $("#namee").val();
var address = $("#addresss").val();
var queueno = $("#queuenoo").val();
$.post(url, { Name: name, Address: address, QueueNo: queueno });
});
提前致谢!
最佳答案
<td>
元素没有 value
属性。您需要使用 .text()
(或 .html()
)
$('#submit').click(function() {
var url = "/Series/Transactions";
var name = $("#namee").text();
var address = $("#addresss").text();
var queueno = $("#queuenoo").text();
$.post(url, { Name: name, Address: address, QueueNo: queueno });
});
关于javascript - POST 调用 Controller 的方法以在 MVC 中保存文本框数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50849379/