在C＃和ASP.NET MVC中使用Ajax从SQL Server填充下拉列表

问题描述

似乎调试器根本没有进入成功功能。当我按下按钮时，试图填充的下拉列表是/ 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>

解决方法

ASP.NET MVC 5 {controller}/{action}/{id}的默认路由，/{id}部分是可选的。

{controller}指的是C＃控制器的类名，但末尾删除了Controller一词。在您的示例中，控制器名称为NgarkoDokument。

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

因此路线变为/NgarkoDokument/GetTipi。

以下是相关文档：

• ASP.NET MVC路由概述：https://docs.microsoft.com/en-us/aspnet/mvc/overview/older-versions-1/controllers-and-routing/asp-net-mvc-routing-overview-cs
• ASP.NET MVC 5中的属性路由：https://devblogs.microsoft.com/aspnet/attribute-routing-in-asp-net-mvc-5/