JQuery Get and Post not working in ASP.NET MVC 5

Question

I created an action in mvc, and I tried to call the action using jquery.get. The resulting response was not found(404). Following is the action method and jquery code.

Error:

GET http://localhost:52050/Products/PriceWithTax?pid=1 404 (Not Found)

Latest Jquery 3.4.1 is included in Bundle.config.

Action Method in MVC

 public decimal PriceWithTax(int pid)
        {
            ApplicationDbContext dbContext = new ApplicationDbContext();
            var product = dbContext.Products.FirstOrDefault(x => x.Id == pid);
            return (decimal)((product.Price * 0.18m) + product.Price);
        }

Jquery in .cshtml page

@section Scripts{
    <script>
            jQuery(document).ready(function(){
                jQuery("#Id").blur(function () {
                    var productId = $(this).val();
                    var tax = jQuery("#txtTax");
                    jQuery.get('@Url.Action("PriceWithTax","Products")', { pid: productId }, function (data) {
                        tax.val(data);
                      });
                    //jQuery.get('/Products/PriceWithTax', { pid: productId }, function (data) {
                    //    tax.val(data);
                    //});
                });
            });
    </script>
}```
I tried $ instead on jQuery and get instead of post

Ahmed Yousif · Accepted Answer · 2019-05-24 20:23:05Z

1

Change your action method to return JsonResult rather than decimal as following:

public JsonResult PriceWithTax(int pid)
{
   ApplicationDbContext dbContext = new ApplicationDbContext();
   var product = dbContext.Products.FirstOrDefault(x => x.Id == pid);
   var value = (decimal)((product.Price * 0.18m) + product.Price);
   return Json(value,JsonRequestBehavior.AllowGet);
}

for more documentation about action result types check this link

edited May 24, 2019 at 20:23

answered May 24, 2019 at 19:26

Ahmed Yousif

2,3481 gold badge13 silver badges17 bronze badges

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

8 Comments

GregH Over a year ago

note the [HttpGet] is optional as the action will default to a GET

Ahmed Yousif Over a year ago

yes it is optional you can ignore it by default it will be get.

Arun Kumar Over a year ago

I tried but still showing the same error, it is not calling the method at all. I set a breakpoint and checked

Ahmed Yousif Over a year ago

what is your controller name?what is the base type of it?

Arun Kumar Over a year ago

public class ProductsController : Controller

|

Collectives™ on Stack Overflow

JQuery Get and Post not working in ASP.NET MVC 5

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related