Question

我试图在我的View中使用按钮的onClick事件在模型中调用一个方法，但是我不知道如何使这个工作。该按钮不起任何作用。

这是我的观点：

<html>
<body>
    <div>
        <p>Coins: @Model.Coins</p>
        <button type="button" id="btnScore"
                onclick="Btn_Click">Click me!</button>
    </div>
</body>
</html>

这是我尝试调用该方法的模型：

public class ClickerGame

    {
        public int Coins { get; set; }

        public ClickerGame()
        {
            Coins = 0;
        }

        public void Btn_Click()
        {
            Coins++;
        }
}

这是控制器：

public class ClickerController : Controller
    {
        // GET: /<controller>/
        public IActionResult Index()
        {
            ClickerGame model = new ClickerGame();
            return View(model);
        }
    }

这是我的Startup.cs

public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddMvc();
    }

    public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
    {
        loggerFactory.AddConsole();

        app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller=Clicker}/{action=Index}/{id?}");
        });
    }
}

我能够在View中调用@ Model.Coins中的硬币数量，但是当我尝试使用@ Model.Btn_Click时，它给出了一个错误，说明该方法无法转换为委托对象。我在visual studio中使用Asp.Net Core 1.0.1。

修改我更改了控制器和视图，现在它可以调用该方法，但是当它尝试增加硬币变量时，我得到一个NullReference异常......

观点：

@model AspNetClicker.Models.ClickerGame

<script>
    function IncrementCount()
    {
        location.href = "@Url.Action("IncrementCount")";
    }
</script>


<html>

<body>
    <div>
        <p>Coins: @Model.Coins</p>
        <button type="button" id="btnScore"
                onclick="IncrementCount()">
            Click me!
        </button>
    </div>
</body>
</html>

ClickerGame：

public class ClickerGame

    {
        public int Coins { get; set; }

        public ClickerGame()
        {
            Coins = 0;
        }
}

ClickerController：

public class ClickerController : Controller
{
    ClickerGame model;

    public IActionResult Index()
    {
        model = new ClickerGame();
        return View(model);
    }

    public void IncrementCount()
    {
        model.Coins++;
    }
}

Answer 1

在网络表单中不可能这样做。我将简要解释一下。请实施它。按照以下步骤使其在MVC中工作：

<强> 1。将您的观看代码更改为以下代码：

IncrementCount

<强> 2。在您的控制器中添加操作方法public class ClickerController : Controller { [HttpPost] public void IncrementCount() { // } }并在此处增加计数。

{{1}}

Answer 2

试试这个

<input type="button" value="Click me!" onclick="nextUrl()"/>

 function nextUrl() {
    location.href = "/Home/Contact";
}

如何使用Asp.Net中的按钮来调用方法

2 个答案: