ASP.NETMVC-Ajax將空值傳遞給控制器

我正在嘗試使用 Ajax 將資料從視圖發送到控制器，但資料以 null 的形式傳入控制器。我嘗試了很多方法，但找不到solution.frombody屬性并沒有解決問題，我在啟動時做了一些更改，但他們沒有也幫不了我。

這是我的腳本：

$(document).ready(function() {
    $("#addColumn").click(function() {
        AddColumnRecords();
    });
    $("#saveRecords").click(function() {
        SaveRecords();
    });
});

function AddColumnRecords() {
    var columnRecords="<tr><td>"   $("#columnName").val()   "</td><td>"   $("#type").val()  "</td><td>"  document.getElementById('primaryCheck').checked  "</td></tr>";
    $("#ColumnTable").last().append(columnRecords);
     $("#columnName").val(" ");
}

function SaveRecords() {
    var Columns = new Array();
     $("#ColumnTable").find("tr:gt(0)").each(function(){
        var name=$(this).find("td:eq(0)").text();
        var type=$(this).find("td:eq(1)").text();
        var isPrimary=$(this).find("td:eq(2)").text();
        var ColumnModel={};
        ColumnModel.Name = name;
        ColumnModel.Type = parseInt(type);
        ColumnModel.IsPrimaryKey = isPrimary;
        Columns.push(ColumnModel);
     });
    var Table={};
    var tableName=$("#tableName").val();
    Table.TableName=tableName;
    Table.Columns=Columns;
    console.log(JSON.stringify(Table));

    $.ajax({
        type:'POST',
        dataType:'JSON',
        contentType:'application/json; charset=utf-8',
        url:'/table/createtable',
        data:{table : JSON.stringify(Table)},
        success:function(data){alert("success")},
        error:function(){alert("error")}
    });
}

我的桌子是：

public class Table
{
    public string TableName { get; set; }
    public List<Column> Columns { get; set; } = new List<Column>();
}

列模型類是：

public class Column
{
    public string Name { get; set; }
    public virtual Types Type { get; set; } = Types.String;
    public virtual bool IsPrimaryKey { get; set; } = false;
}

這是動作方法：

[HttpPost]
public IActionResult CreateTable([FromBody] Table table)
{
    return View();
}

控制臺日志

<div class="mb-3">
    <label for="tableName" class="form-label">Table Name</label>
    <input type="text" class="form-control" id="tableName" aria-describedby="tableName">
  </div>

<form>
  <div >
    <label for="columnName" >Name</label>
    <input type="text"  id="columnName" aria-describedby="columnName">
  </div>
  <div >
        <select  aria-label="Default select example" id="type">
            @{
                <option value=3>@DatabaseSample.Models.Types.String</option>
                <option value=0>@DatabaseSample.Models.Types.Integer</option>
                <option value=5>@DatabaseSample.Models.Types.Boolean</option>
                <option value=4>@DatabaseSample.Models.Types.Char</option>
                <option value=2>@DatabaseSample.Models.Types.Double</option>
                <option value=1>@DatabaseSample.Models.Types.Float</option>
                <option value=6>@DatabaseSample.Models.Types.Date</option>
            }
</select>
  </div>

  <div >
    <input type="checkbox"  id="primaryCheck">
    <label  for="exampleCheck1">Primary key</label>
  </div>
  
</form>

<button id="addColumn" type="submit" >Submit</button>




<table  id="ColumnTable">
  <thead>
    <tr>
      <th scope="col">Column name</th>
      <th scope="col">Type</th>
      <th scope="col">Primary key</th>
    </tr>
  </thead>
</table>
<button id="saveRecords" type="submit" >Save</button>

uj5u.com熱心網友回復：

在您的 ajax 發送代碼中，您將模型轉換為字串！

$.ajax({
    type:'POST',
    dataType:'JSON',
    contentType:'application/json; charset=utf-8',
    url:'/table/createtable',
    data:{table : JSON.stringify(Table)},  //  <<------------- HERE
    success:function(data){alert("success")},
    error:function(){alert("error")}
});

這意味著您發送這樣的模型；{ table: "..."}

但是您的控制器需要一個 Table 模型。

解決方案的第一選擇；不要通過 JSON.stringfy() 轉換為字串

$.ajax({
    type:'POST',
    dataType:'JSON',
    contentType:'application/json; charset=utf-8',
    url:'/table/createtable',
    data: Table,  //  <<------------- HERE
    success:function(data){alert("success")},
    error:function(){alert("error")}
});

或第二種選擇；將控制器引數從表更改為字串。當您獲得模型字串時，然后將其轉換為控制器函式內的表模型。

[HttpPost]
public IActionResult CreateTable([FromBody] string table)
{
    var mTable =  new JavaScriptSerializer().Deserialize<Table>(table);
    return View();
}

uj5u.com熱心網友回復：

洗掉 [FromBody] 并試試這個

let Table = {
       TableName: $("#tableName").val(),
       ColumnsStr :JSON.stringify(Columns)
 //create a new property in Table model, calls ColumnsStr which will receive ColumnsStr 
};

$.ajax({
        type:'POST',
        dataType:'json',
        contentType:'application/json; charset=utf-8',
        url:'@(Url.Action("CreateTable", "table"))',
        data:Table,
        success:function(data){alert("success")},
        error:function(){alert("error")}
    });

在控制器中你可以這樣做：

table.Columns = JsonSerializer.Deserialize<List<Column>>(table.ColumnsStr)

uj5u.com熱心網友回復：

只是為了發送表使用這個

data: JSON.stringify(Table)

標籤：jQuery 网 阿贾克斯 asp.net-mvc

上一篇：基于第二個陣列的Matlab重采樣陣列

下一篇：如何從json資料中獲取值以輸入