在 C# 和 ASP.NET MVC 中使用 ajax 从 SQL 服务器填充下拉列表

Question

调试器似乎根本没有进入成功功能。我试图填充的下拉菜单是 /Dokument/Dokument 路径中模态的一部分，当我按下按钮时，我得到了一个包含某些字段的模态。其中一个字段是一个下拉列表，它必须从 Tipi table 中获取值。在下拉菜单中，我什至没有看到消息

路由配置

namespace Archieve1
{
    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Login", id = UrlParameter.Optional }
            );
        }
    }
}

AJAX 脚本

script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            type: "GET",
            url: "/NgarkoDokumentController/GetTipi",
            data: "{}",
            success: function (data) {
                var s = '<option value="-1">Selektoni Tipin</option>';
                for (var i = 0; i < data.length; i++) {
                    s += '<option value="' + data[i].Id_Tipi + '">' + data[i].Emri_llojit + '</option>';
                }
                $("#tipiDropdown").html(s);
            }
        });
    });
</script>

控制器方法

 using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.UI.WebControls;

namespace Archieve1.Controllers
{
    public class NgarkoDokumentController : Controller
    {

        public ActionResult Dokument()
        {
             return View();
        }
        // GET: NgarkoDokument

            
        public ActionResult GetTipi()
        {
            Test_kristiEntities db = new Test_kristiEntities();
            return Json(db.Tipi.Select(x => new
            {
                Id_Tipi = x.Id_Tipi,
                Emri_llojit = x.Emri_llojit
            }).ToList(), JsonRequestBehavior.AllowGet);

            // return View();
        }
    }
}

我用一些 tables

构建的模型

namespace Archieve1.Models
{
    public class NgarkoDokument
    {
        public Dokumenti Dokumenti { get; set; }
        public Fusha_Indeksimit FushaIndeksimit { get; set; }
        public Vendndodhja_Fizike Vendndodhja_fizike { get; set; }
        public IEnumerable<Tipi> Tipi { get; set; }  
    }
}

这是 html

@model Archieve1.Models.NgarkoDokument
    <select title="Lloji i dokumentit" name="lloji" class="form-control col-md-3 box" id="tipiDropdown"> </select>

Answer 1

ASP.NETMVC 5的默认路由{controller}/{action}/{id}，/{id}部分可选

{controller} 指的是您的 C# 控制器的 class 名称，但它删除了末尾的单词 Controller。在您的示例中，控制器名称为 NgarkoDokument.

{action}指的是你的action的方法名。在您的示例中，GetTipi.

所以路线变成/NgarkoDokument/GetTipi。

在 C# 和 ASP.NET MVC 中使用 ajax 从 SQL 服务器填充下拉列表

Populating dropdown from SQL Server with ajax in C# and ASP.NET MVC

c#

asp.net

.net

asp.net-mvc

asp.net-mvc-5