ASP.NetMvc如何使用Ajax將資料從視圖傳遞到控制器

我有一個按鈕，它從模型中獲取資料并將其傳遞給 Ajax 函式。然后這個函式應該呼叫一個控制器，但它不會，并且控制器上的斷點永遠不會被命中。

帶有從模型中獲取的引數的按鈕（都是字串）：

<button class="btn btn-primary btn-lg active" onclick="PassHwData(@obj.Name,@obj.HomeWorldBonus)" >Choose @obj.Name</button>

Ajax 函式：

<script>
          function PassHwData(name, hwBonus)
          {
              $.ajax({
                  url: '@Url.Action("Create", "HomeWorld")',
                  type: "POST",
                  data: {'name' : name, 'hwBonus' : hwBonus}
                  datatype: "text",
                  success: function(name, hwBonus)
                  {
                      document.getElementById('success').innerHTML  = success {name}{hwBonus};
                  }
              })
          }
</script>

<div id=success>
      success: 
</div>

控制器（還有其他方法，但我在這里省略了它們）：

using DarkHeresy.Application.Services.Interfaces;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc;

namespace DarkHeresy.Web.Controllers
{
    [Authorize]
    public class HomeWorldController : Controller
    {
        private readonly IHomeWorldService _homeWorldService;
        public HomeWorldController(IHomeWorldService homeWorldService)
        {
            _homeWorldService = homeWorldService;
        }
        [HttpPost]
        public async Task<IActionResult> Create(string name, string hwBonus)
        {
            return View(await _homeWorldService.UpdateCharacterList()); //this will have implementation later
        }
    }
}

我還應該補充一點，我正在使用 Asp.Net Core MVC 并使用 Clean Architecture，并且在這兩方面都非常新。

uj5u.com熱心網友回復：

您可以使用這種替代方式將資料發送AJAX到您的Controller方法：

HTML：

<button class="btn btn-primary btn-lg active" onclick="PassHwData('@obj.Name','@obj.HomeWorldBonus')" >Choose @obj.Name</button>

阿賈克斯：

<script>
          function PassHwData(name, hwBonus)
          {
              console.log(name);
              console.log(hwBonus);
              var json = {
                   name : name,
                   hwBonus : hwBonus
              };
              
              $.ajax({
                  type: "POST",
                  url: "@Url.Action("Create", "HomeWorld")",
                  dataType: "json",
                  data: {"json": JSON.stringify(json)},
                  success: function(name, hwBonus)
                  {
                      document.getElementById('success').innerHTML  = success {name}{hwBonus};
                  }
              })
          }
</script>

<div id="success">
      success: 
</div>

控制器方法：

using DarkHeresy.Application.Services.Interfaces;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc;
using System.Text.Json; //For .NET CORE

namespace DarkHeresy.Web.Controllers
{
    [Authorize]
    public class HomeWorldController : Controller
    {
        private readonly IHomeWorldService _homeWorldService;
        public HomeWorldController(IHomeWorldService homeWorldService)
        {
            _homeWorldService = homeWorldService;
        }
        
        [HttpPost]
        public async Task<IActionResult> Create(string json)
        {
            var jsondata = JsonSerializer.Deserialize<dynamic>(json);
            //Get your variables here from AJAX call
            var name = jsondata["name"];
            var hwBonus = jsondata["hwBonus"];
            return View(await _homeWorldService.UpdateCharacterList()); //this will have implementation later
        }
    }
}

uj5u.com熱心網友回復：

將 ajax 的 dataType 更改為 'json'

標籤：

上一篇：$request->ajax在插入時為假

下一篇：如何在Laravel中將陣列值從刀片存盤到資料庫