第二个连续的ajax调用响应未进入其成功功能

Question

I have made two sequential ajax call successfully but the response of second Ajax call from controller is not coming into the respective Ajax success function.

Ajax Function

        $(document).on("click", "#AddTempStock", function () {
            var formData = $("#StockItemEntryForm").serialize();               
            var prodId =   $("#addMoreStock").data("prod-id");
            $.ajax({
                type: 'POST',
                url: '../StockTracker/PersistTempStockItem?prodId=' + prodId,
                data: formData,
                success: function (data) {

                    var msg = '' + data + '';

                    if (data != null) {
                        if (data == 'SUCCESS')
                        {   // Hiding Popup
                            $('#GenericPopup').modal('hide');
                            msg = 'Stock against ' + prodId + ' saved successfully.';   
                        }                           
                        // showing message
                        Messenger().post({
                            message: msg,
                            type: 'error',
                            showCloseButton: true
                        });
                    }
                },
                complete: function (data1)
                {
                    //Showing temporarily Added stock in StockTracker Homepage
                    $.ajax({
                        type: 'GET',
                        url: '../StockTracker/GetTempStockView',
                        data: { "UserName": '@user', "SeasonYear": '@Season', "Company": '@CompName' },  

Below piece of code is not executing. ActionMethod is called in controller and returning.

                        success: function (data1) {
                            if (data1 != null) {
                                $('.temp-added-stock').html(data1);
                            }
                        }
                    });
                }
            });
        });

Answer 1

Thanks everyone for suggesting the different ways

When I inspected the network tab in developer tools, I found out that there was an error(with status code 500) mentioned there with respect to my response url.

Controller Code

 [HttpGet]
    public ActionResult GetTempStockView(string UserName, string SeasonYear, string Company) 
    {

        TempStockItem temp = new TempStockItem();
        DataTable dt = temp.GetTempStockItems(UserName, Company, SeasonYear);
        temp.SetTempStockItems(dt);
        return PartialView("_TempStockView",temp);

    }

Actually there was an error in accessing the attributes of the model in the _TempStockView. After correction the code run as expected. Below is the code which was corrected

<img class="thumbnail img-rounded" id="@s.StockProduct.prodid" src="@Models.util.GetImgListFromDB(s.StockProduct.prodid)[0].img" width="70" height="70" style=" margin-bottom: 0px;" />