Getting text value to Controller using jquery ajax call

Question

My text box and button

<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>

My jquery

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

My controller

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

I'm not able to get the value in controller..Thanks in advance..

data : "&enteredClaimNumber="+ClaimNumber, try this it will work — Junaid Ahmed
– Junaid Ahmed, Commented May 4, 2015 at 12:44
The control is coming to controller, but value is shown as null... — Uzair Khan
– Uzair Khan, Commented May 4, 2015 at 12:44
As you have edited the post, use data: {enteredClaimNumber: enteredClaimNumber} The name : value, name should match controller method param name; and the value should match the javascript variable/value you are passing. — Shaunak D
– Shaunak D, Commented May 4, 2015 at 12:46

Brijesh Bhatt · Accepted Answer · 2015-05-04 12:43:34Z

1

Data in AJAX request must be like name, value pair:

data: {"enteredClaimNumber": ClaimNumber}

Write like this:

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

edited May 4, 2015 at 12:43

answered May 4, 2015 at 12:42

Brijesh Bhatt

3,8303 gold badges20 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

DontVoteMeDown Over a year ago

The property name must match the action parameter enteredClaimNumber.

ozil · Accepted Answer · 2015-05-04 12:47:24Z

1

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

answered May 4, 2015 at 12:47

ozil

7,1639 gold badges38 silver badges62 bronze badges

Comments

Raki · Accepted Answer · 2015-05-04 12:59:44Z

0

![Check This][1]

In
data : { parameter : value }
if there are multiple parameter then separate with comma (,)
data : { parameter1 : value1,parameter2 : value2 }
as shown below
$.ajax({
url: this.href,
type: 'POST',
data: { input: $('#caption').val() },
success: function (result) {
alert(result.name);
},
error: function () {
alert("error");
}
});

answered May 4, 2015 at 12:59

Raki

5354 silver badges13 bronze badges

Collectives™ on Stack Overflow

Getting text value to Controller using jquery ajax call

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related