2015-05-04 79 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」);
}
});