[英]POST call to Controller’s Method to save textbox data in MVC
Good day! 美好的一天! I am curretly working on a project wherein a user fills-up a form and a modal confirmation will pop-up.
我目前正在研究一个项目,在该项目中,用户填写了一个表格,然后会弹出一个模态确认。 After verifying the details inside, the user will then click submit to save the data.
验证完内部详细信息之后,用户将单击“提交”以保存数据。 I tried using this tutorial about POST to controller to save my data in the database.
我尝试使用此教程的POST到控制器保存在数据库中我的数据。 Unfortunately, nothing happens after clicking the
Submit
button. 不幸的是,单击“
Submit
按钮后没有任何反应。
Model 模型
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");
}
View 视图
<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 使用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 });
});
Thanks in advance! 提前致谢!
<td>
elements do not have a value
attribute. <td>
元素没有value
属性。 You need to use .text()
(or .html()
) 您需要使用
.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 });
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.