使用jquery ajax调用获取文本值到Controller

时间:2015-05-04 12:40:53

标签: javascript jquery ajax asp.net-mvc

我的文字框和按钮

<input type="text" class="form-control" name="ClaimNumber" placeholder="Enter a claim number"
                id="ClaimNumber" />               
<button class="btn btnNormal" type="submit" id="btnSearch">
        <i class="fa fa-search"></i>
</button>

我的jquery

$(document).ready(function () {
    $("#btnSearch").on("click", function () {
            var enteredClaimNumber= $("#ClaimNumber").val();
            alert(enteredClaimNumber);
             $.ajax({
            type: "POST",
            url: "/Home/ClaimsSearch",
            data: enteredClaimNumber
        });
    });
});

我的控制器

    [HttpPost]
    public ActionResult ClaimsSearch(string enteredClaimNumber)
    {
        _lfAPI.ClaimsAdvanceSearch(enteredClaimNumber);
        return View();
    }

我无法获得控制器中的值。提前感谢..

3 个答案:

答案 0 :(得分:1)

AJAX请求中的数据必须与名称,值对相同:

data: {"enteredClaimNumber": ClaimNumber}

像这样写:

$(document).ready(function () {
    $("#btnSearch").on("click", function () {
            var ClaimNumber = $("#ClaimNumber").val();
            alert(enteredClaimNumber);
             $.ajax({
            type: "POST",
            url: "/Home/ClaimsSearch",
            data: {"enteredClaimNumber": ClaimNumber}          
        });
    });
});

答案 1 :(得分:1)

var datum = {"claimNum": ClaimNumber};  
$.ajax ({
     type: "POST",
     contentType: "application/json; charset=utf-8",
     url: "/Home/ClaimsSearch",
     dataType: "json",
     data: JSON.stringify(datum),
});

答案 2 :(得分:0)

![检查] [1]

在  数据:{参数:值}
如果有多个参数,则用逗号(,)分隔 data:{parameter1:value1,parameter2:value2}  
 如下图所示  $ .ajax({
            url:this.href,
            类型:'POST',
            data:{input:$('#caption')。val()},
            成功:功能(结果){
                警报(result.name);
            },
            错误:function(){
                警报( “错误”);
            }
        });