一键调用 c# 和 javascript asp.net mvc答案

【问题标题】：Call both c# and javascript in one button asp.net mvc一键调用 c# 和 javascript asp.net mvc
【发布时间】：2018-12-18 23:18:24
【问题描述】：

我在 ASP.NET MVC 视图中有一个按钮。我发现我们实际上可以通过在视图中添加 @{ } 来在视图中使用 c# 命令。所以我想知道，我的按钮如何同时调用 javascript 函数并将数据添加到在该视图中通过我的模型传递的列表。这是我的模型

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.ComponentModel.DataAnnotations;
using System.Net.Mail;
using System.Web.Mvc;

namespace Dutch_Lady_Mailling_App.Models
{
    public class SendMailModel
    {
        [DataType(DataType.EmailAddress), Display(Name = "To")]
        [Required(AllowEmptyStrings = false)]
        public string ToEmail { get; set; }
        [Display(Name = "Body")]
        [DataType(DataType.MultilineText)]

        public string EMailBody { get; set; }
        [Display(Name = "Subject")]
        public string EmailSubject { get; set; }

        [Display(Name = "CC")]
        public string EmailCC { get; set; }
        [Display(Name = "BCC")]
        public string EmailBCC { get; set; }

        public string time { get; set; }
        public string resourceFile{get;set;}
        public string Data { get; set; }
        public bool sendtemplate { get; set; }
        public bool senddis { get; set; }
        public List<Contact> contacts { get; set; }
        public List<Distributor> distributors { get; set; }
        public string SelectedDis { get; set; }

        public string SelectedTemplate { get; set; }
        public IEnumerable<SelectListItem> Templates { get; set; }

    }

}

在我看来，单击按钮会将选定的联系人添加到列表中，还可以通过调用 jquery 函数将选定的元素移动到另一个 div 而不重新加载页面，这就是我想要的

【问题讨论】：

作为目标方法的 JS 函数和控制器动作在哪里？因为您说的是“在不重新加载页面的情况下调用 jquery 函数”，所以我确定您需要将 AJAX 回调绑定到按钮的 click 事件。

标签： c# jquery asp.net ajax model-view-controller

【解决方案1】：

据我了解，您想要执行两个操作，一个是服务器端，另一个是客户端。当然，如果您调用服务器端方法，您将收到回发，并且您的所有页面都将重新发送给您，因此您可以在服务器端方法中完成所有工作，因为页面将再次创建 - 我的意思是不需要javascript函数。但是您可以防止这种情况的方法以及您的方案的最佳方法是使用 ajax 来更新您的列表。最简单的方法是使用 jquery ajax 方法，如 $.ajax 或其简化版本 $.post 或 $.get （取决于您的方案和您希望将信息发送到服务器的方式）。例如：

$('#your_button_id').click(function(){
    $.post( "manage_contacts_api_url", "selected_contacts_ids", function( data ) {
        // update your div here
    });
});

【讨论】：