I am facing an issue where I want to update the value of a textbox using AJAX on keypress event, but the controller is not receiving any value to perform the calculation (it's receiving null).
<script>
$('#TotDiscnt').keypress(function () {
//var data = $('#totDiscnt').val();
$.ajax({
type: 'Post',
url: '/Whatever/Discount',
data: $('#totDiscnt').val(),
success: function (response) {
$('#TotPurAmt').val(response);
}
});
});
</script>
On the controller side
public ActionResult Discount(string text)
{
// Perform calculation
return Json(sum, JsonRequestBehavior.AllowGet);
I have also tried this approach
data: { text: request.term },
However, when I do that, the AJAX call does not trigger the controller method. Another question I have is how to send two double values as parameters to the ActionResult method from an AJAX call like this:
<script>
$('#TotDiscnt').keypress(function () {
//var data = $('#totDiscnt').val();
$.ajax({
type: 'Post',
url: '/Whatever/Discount',
data: {num1:$('#totDiscnt').val(),
num2:$('#Discnt').val() },
success: function (response) {
$('#TotPurAmt').val(response);
}
});
});
And then receive them as double values in the parameter like
public ActionResult Discount(double num1, double num2)
{
// Perform calculation
return Json(sum, JsonRequestBehavior.AllowGet);