2015-05-04 81 views
0

我的文本框和按钮获取文本值控制器使用jQuery AJAX调用

<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(); 
    } 

我不能得到值在控制器..预先感谢..

+2

'data:{enteredClaimNumber:ClaimNumber}'? –

+0

data:“&enteredClaimNumber =”+ ClaimNumber,试试这个会起作用 –

+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

属性名称必须与操作参数'enteredClaimNumber'匹配。 – DontVoteMeDown

+0

@DontVoteMeDown sure .. –

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

[查看该] [1]


! data:{parameter:value}
如果有多个参数{参数1:值1,参数2:VALUE2} n,其中逗号(,)
数据分离
如下所示
$就({
网址:this.href,
类型: 'POST',
data:{input:$('#caption')。val()},
success:function(result){
alert(result.name);
},
错误:函数(){
alert(“error”);
}
});