在C#和ASP.NET MVC中使用ajax填充Server下拉列表

Question

调试器似乎根本没有进入成功的功能。尝试填充的下拉菜单是/Dokument/Dokument路径的一部分，当我按下按钮时，会得到一些字段的模式。其中一个字段是下拉列表，它必须从Tipi表中获取值。在下拉列表中，我没有看到任何东西，甚至连信息都没有。

路由配置

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();
        }
    }
}

我用几张桌子建的模型

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.NET MVC 5 {controller}/{action}/{id}的默认路由和/{id}部分是可选的。

{controller}引用C#控制器的类名，但它删除了末尾的单词Controller。在您的示例中，控制器名为NgarkoDokument。

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

所以这条路线变成了/NgarkoDokument/GetTipi。

以下是相关的文档：

https://learn.microsoft.com/en-us/aspnet/mvc/overview/older-versions-1/controllers-and-routing/asp-net-mvc-routing-overview-cs

• Attribute

• MVC路由概述：
• MVC 5：