AJAX获取调用向Controller发送null

时间:2016-01-25 16:00:49

标签: javascript jquery ajax asp.net-mvc

以下位代码应该检索任何特定价格日期/价格日期ID的记录价格。一切似乎都有效,除了传递给Controller的值总是为空,"未定义","",或者以字符串形式传递时缺少值,并且不会。当作为int传递时,传递/在视图中抛出错误。我已经使用了一个模板解决了这个问题,但是我无法看到这里发生了什么。忽略可能在另一个问题中的最终计算,是否有人能够发现ID值未被传递的原因?提前谢谢!

HTML:

<div class="col-lg-8">
    @Html.LabelFor(m => m.PriceDate, "Pricing Date")
    @Html.DropDownListFor(m => m.PriceDate, Model.PricingDates, "--New Pricing--")
</div>

脚本:

$(function () {
    var $priceValue = $("#PriceDate").val(),
        $pID = { iD: $priceValue };
        $("#PriceDate").change(function () {
        if ($(this).val()) {
        //make AJAX call for historical Price data and populate table
            $.ajax({
                type: "GET",
                url: '@Url.Action("GetPrices", "Sales")',
                data: $pID,
                success: function (data) {
                //Fill data
                    $("#Prices").val(data);
                }
            });
        }
        else {
            //clear data
            $("#Prices").val('');
        }
        }).change();
});

控制器:

public ActionResult GetPrices(string iD)
{
    int priceID;
    Int32.TryParse(iD, out priceID);
    //priceID = iD;

    dbEntities db = new dbEntities();
    var selectedPrice = new List<PricesModel>();
    var accountPrices = db.uspGetPrices(priceID);

    //Do stuff

    return Json(selectedPrice, JsonRequestBehavior.AllowGet);
}

生成的HTML:

<div class="col-lg-8">
    <label for="PriceDate">Pricing Date</label>
    <select data-val="true" data-val-number="The field PriceDate must be a number." data-val-required="The PriceDate field is required." id="PriceDate" name="PriceDate"><option value="">--New Pricing--</option>
    <option value="2">1/4/2016 6:33 PM</option></select>
</div>

1 个答案:

答案 0 :(得分:1)

即使在更改事件之前,您正在读取下拉列表中所选选项的值(特别是在DOM ready事件上)。因此,如果没有任何选项作为页面加载的一部分被选中( Ex:创建pag e),您将获得undefined作为$priceValue的值变量

您应该阅读change事件代码中下拉列表的选定选项值。

$(function(){

    $("#PriceDate").change(function () {

       var $pID = { iD: $(this).val() };

       if ($(this).val()) {
          $.ajax({
            type: "GET",
            url: '@Url.Action("GetPrices", "Sales")',
            data: $pID,
            success: function (data) {
                alert(data);
                $("#Prices").val(data);
            }
         });
      }
      else {
         //clear data
          $("#Prices").val('');
      }
   }).change();

});

另请注意,当前代码在change()上注册更改事件代码后,在下拉列表中调用document ready方法。这意味着在加载页面DOM之后将始终触发更改事件。我不确定这是故意的!