javascript - 对 Controller 的方法进行POST调用，以将文本框数据保存到MVC中

美好的一天！我目前正在研究一个项目，在该项目中，用户填写了一个表格，然后会弹出一个模态确认。验证完内部详细信息之后，用户将单击“提交”以保存数据。我尝试使用this关于POST到控制器的教程将数据保存在数据库中。不幸的是，单击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; }
}

控制者

[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>

Java脚本

    $('#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 - 对 Controller 的方法进行POST调用，以将文本框数据保存到MVC中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50849379/