mvc razor dropdown list filter works sometimes fails sometimes... getting a 503 Service jquery-3.3.1.js:9600 Unavailable Error

Question

The Title states the main issue. Its beyond mind numbing why this silly thing works sometimes and Fails most of the time.

The setup is this. There is a form with a drop down list that is used to filter data that returns to the Razor form index screen.

The user clicks the filter and the results return. Work all the time in the visual studio debugger, but fails most of the time
when published to the server. Very frustrating and dumb.

Thank you for taking time to have a look.

Here is this thing from the inspect element browswer option

Here is are the source codes
The Form in razor cshtml

@model IEnumerable  
  
@{  
    ViewBag.Title = "Index";  
    Layout = "~/Views/Shared/_LayoutWRITE.cshtml";  
}  
  
ACTIVE REQUEST QUEUE  
  
  
    @Html.ActionLink("Add New Admin Work Request", "Create")  
  
  
  
@*See:https://www.c-sharpcorner.com/article/different-ways-bind-the-value-to-razor-dropdownlist-in-aspnet-mvc5/*@  
  
    @Html.DropDownList("StatusIDDL", new SelectList(ViewBag.DDL_Status, "STA_REQUEST_STATUS_ID", "STA_RQUEST_STATUS_ID_DISC"),"--STATUS--", new { @class = "form-control", style = "width:200px; ", @onchange = "FilterRequest(this.value,this.RequestIDDL)", id = "StatusIDDL" })  
  
  
  
  
    @Html.DropDownList("RequestIDDL", new SelectList(ViewBag.DDL_Type, "RQT_REQUEST_ID", "RQT_REQUEST_DESCRIPTION"), "--TYPE--", new { @class = "form-control", style = "width:300px; ", @onchange = "FilterRequest(this.value, this.StatusIDDL)", id ="RequestIDDL"})  
  
  
  
  
  
      
  
    @*@Html.ActionLink("Clear Filter", "Index")*@  
  
  
  
If Sort Fails Please Close and Restart WRITE  
  

  
  

  
  

  
  
  
  
    @*@RenderPage("~/Views/WRITE/_FilteredQueue.cshtml", ViewBag.FilteredRequest)*@  
    @Html.Partial("~/Views/WRITE/_FilteredQueue.cshtml", Model)  
  
  
  
  
  
@section Scripts  
  
    {  
    @Scripts.Render("~/bundles/jqueryval")  
  
      
  
}

There are the drop down Filters

The Data comes back to fill this partial view

This is the javascripting function that is called

The controller Looks like this: Index

        [HttpPost] //See This Error https://stackoverflow.com/questions/33377232/jquery-post-works-locally-but-not-on-server  
                   //public ActionResult FilteredQueue(int? TypeFilter, int? StatusFilter)  
        public ActionResult Index(int? TypeFilter, int? StatusFilter)  
        {  
  
            if (((StatusFilter == 2) || (StatusFilter == 6) || (StatusFilter == 5) || (StatusFilter == 8)) && (TypeFilter == null)) //Closed Request Exception  no Status Type Filter Return Everything that was parked Close and Colsed Completed  
            {  
                var FilteredList = db.WRITE_REQ_REQUEST_TBL.Where(Request => Request.REQ_REQUEST_STATUS_ID == StatusFilter).OrderBy(R => R.REQ_REQUEST_DATE).ToList();  
                ViewBag.FilteredResults = FilteredList;  
  
                TypeFilter = null;  
                StatusFilter = null;  
  
                return PartialView("~/Views/Write/_FilteredQueue.cshtml", ViewBag.FilteredResults);  
            }  
            else if (((StatusFilter == 2) || (StatusFilter == 6) || (StatusFilter == 5) || (StatusFilter == 8)) && (TypeFilter != null)) //Closed Request Exception  no Status Type Filter Return Everything that was parked Close and Colsed Completed  
            {  
                var FilteredList = db.WRITE_REQ_REQUEST_TBL.Where(Request => Request.REQ_REQUEST_STATUS_ID == StatusFilter && Request.REQ_REQUEST_TYPE_ID == TypeFilter).OrderBy(R => R.REQ_REQUEST_DATE).ToList();  
                ViewBag.FilteredResults = FilteredList;  
  
                TypeFilter = null;  
                StatusFilter = null;  
  
                return PartialView("~/Views/Write/_FilteredQueue.cshtml", ViewBag.FilteredResults);  
            }  
            else  
            {  
  
                if (TypeFilter != null && StatusFilter != null)  
                {  
                    var FilteredList = db.WRITE_REQ_REQUEST_TBL.Where(Request => Request.REQ_REQUEST_STATUS_ID == StatusFilter && Request.REQ_REQUEST_TYPE_ID == TypeFilter && Request.REQ_REQUEST_STATUS != true && Request.REQ_REQUEST_STATUS != false).OrderBy(R => R.REQ_REQUEST_DATE).ToList();  
  
                    TypeFilter = null;  
                    StatusFilter = null;  
  
                    ViewBag.FilteredResults = FilteredList;  
                }  
  
                else if (TypeFilter != null && StatusFilter == null)  
                {  
                    var FilteredList = db.WRITE_REQ_REQUEST_TBL.Where(Request => Request.REQ_REQUEST_TYPE_ID == TypeFilter && Request.REQ_REQUEST_STATUS != true && Request.REQ_REQUEST_STATUS != false).OrderBy(R => R.REQ_REQUEST_DATE).ToList();  
  
                    TypeFilter = null;  
                    StatusFilter = null;  
  
                    ViewBag.FilteredResults = FilteredList;  
  
                }  
  
                else if (TypeFilter == null && StatusFilter != null)  
                {  
                    var FilteredList = db.WRITE_REQ_REQUEST_TBL.Where(Request => Request.REQ_REQUEST_STATUS_ID == StatusFilter && Request.REQ_REQUEST_STATUS != true && Request.REQ_REQUEST_STATUS != false).OrderBy(R => R.REQ_REQUEST_DATE).ToList();  
  
                    TypeFilter = null;  
                    StatusFilter = null;  
  
                    ViewBag.FilteredResults = FilteredList;  
                }  
  
  
                //return View(ViewBag.FilteredResults);  
                else if (TypeFilter == null && StatusFilter == null)  
                {  
                    var FilteredList = db.WRITE_REQ_REQUEST_TBL.Where(Request => Request.REQ_REQUEST_STATUS_ID != 2 && Request.REQ_REQUEST_STATUS_ID != 5 && Request.REQ_REQUEST_STATUS_ID != 6 && Request.REQ_REQUEST_STATUS_ID != 8 && Request.REQ_REQUEST_STATUS != true && Request.REQ_REQUEST_STATUS != false).OrderBy(R => R.REQ_REQUEST_DATE).ToList();  
                    /* && (Request.REQ_REQUEST_CLOSE_DATE - DateTime.Today).Value.TotalDays > 10).ToList();*/  
  
                    TypeFilter = null;  
                    StatusFilter = null;  
  
                    ViewBag.FilteredResults = FilteredList;  
  
                }  
                else  
                {  
                    var FilteredList = db.WRITE_REQ_REQUEST_TBL.Where(Request => Request.REQ_REQUEST_STATUS_ID != 2 || Request.REQ_REQUEST_STATUS_ID != 5 || Request.REQ_REQUEST_STATUS_ID != 6 || Request.REQ_REQUEST_STATUS_ID != 8 && Request.REQ_REQUEST_STATUS != true && Request.REQ_REQUEST_STATUS != false).ToList();  
  
                    TypeFilter = null;  
                    StatusFilter = null;  
  
                    ViewBag.FilteredResults = FilteredList;  
  
                }  
  
                return PartialView("~/Views/Write/_FilteredQueue.cshtml", ViewBag.FilteredResults);  
            }  
        }

This is what gets called from the java scripting function from the index.cshtml

        [HttpGet]  
           public ActionResult FilteredIndex(int? TypeFilter, int? StatusFilter)  
        {  
  
  
            WRITE_TOOLS WriteTools = new WRITE_TOOLS();  
            ViewBag.DDL_Status = WriteTools.DDL_REQUEST_STATUS();  
            ViewBag.DDL_Type = WriteTools.DDL_REQUEST_TYPE();  
  
  
  
            //See: https://stackoverflow.com/questions/1775170/asp-net-mvc-modelstate-clear  
            ModelState.Clear();  
  
            //TODO: Move this See This https://stackoverflow.com/questions/43176647/how-to-call-a-action-name-on-dropdown-change-in-mvc  
            if (TypeFilter != null && StatusFilter != null)  
            {  
                var FilteredList = db.VUE_WRITE_MASTER_VIEW.Where(Request =>Request.REQ_REQUEST_STATUS_ID == StatusFilter && Request.REQ_REQUEST_TYPE_ID == TypeFilter && Request.REQ_REQUEST_STATUS != true).ToList();  
                return View(FilteredList);  
            }  
  
            else if (TypeFilter != null && StatusFilter == null)  
            {  
                var FilteredList = db.VUE_WRITE_MASTER_VIEW.Where(Request => Request.REQ_REQUEST_TYPE_ID == TypeFilter && Request.REQ_REQUEST_STATUS == false).ToList();  
                return View(FilteredList);  
            }  
  
            else if (TypeFilter == null && StatusFilter != null)  
            {  
                var FilteredList = db.VUE_WRITE_MASTER_VIEW.Where(Request => Request.REQ_REQUEST_STATUS_ID == StatusFilter && Request.REQ_REQUEST_STATUS != true).ToList();  
                return View(FilteredList);  
            }  
  
            else if (TypeFilter == null && StatusFilter == null)  
            {  
                var FilteredList = db.VUE_WRITE_MASTER_VIEW.Where(Request => Request.REQ_REQUEST_STATUS_ID != 2 || Request.REQ_REQUEST_STATUS_ID != 5 || Request.REQ_REQUEST_STATUS_ID != 6 || Request.REQ_REQUEST_STATUS_ID != 8).ToList();  /* && (Request.REQ_REQUEST_CLOSE_DATE - DateTime.Today).Value.TotalDays > 10).ToList();*/  
                return View(FilteredList);  
            }  
            else  
            {  
                var FilteredList = db.VUE_WRITE_MASTER_VIEW.Where(Request => Request.REQ_REQUEST_STATUS_ID != 2 || Request.REQ_REQUEST_STATUS_ID != 5 || Request.REQ_REQUEST_STATUS_ID != 6 || Request.REQ_REQUEST_STATUS_ID != 8).ToList();  /* && (Request.REQ_REQUEST_CLOSE_DATE - DateTime.Today).Value.TotalDays > 10).ToList();*/  
                return View(FilteredList);  
            }  
  
        }

Answer

Hi @App Dev ,
The reason for 503 error because of the server is currently unable to handle the HTTP request due to a temporary overloading or maintenance of the server.
The implication is that this is a temporary condition which will be alleviated after some delay.
Some servers in this state may also simply refuse the socket connection, in which case a different error may be generated because the socket creation timed out.

You didn't provide code about jquery-3.3.1.js.
You can add the following code to display the error:

$.ajax({  
  url: 'Yoururl',  
  type: 'post',  
  data: {  
    'YourData': 'YourData'  
  },  
  success: function(output) {},  
  error: function(request, status, error) {  
    alert(request.responseText);  
    // Check error and do what ever you want to do  
  },  
});  
}

I see you have asked the same question before.
https://learn.microsoft.com/en-us/answers/questions/806462/mvc-javascript-post-not-working-on-server-but-work.html
You can try one of them.

check the url in the network trace. its probably invalid.
Try a relative reference from the application root.

Best regards,
Lan Huang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

mvc razor dropdown list filter works sometimes fails sometimes... getting a 503 Service jquery-3.3.1.js:9600 Unavailable Error

1 answer