A HREF «по щелчку» не выполняется JQuery

Question

Вопрос фона:

Я пытаюсь передать два параметра (название продукта и цена) из представления к методу «AddToCart» на моей MVC контроллер. Я делаю это, передавая параметры функции JQuery Ajax.

Выпуск:

В настоящее время при нажатии на «Добавить в корзину» кнопку «ссылка» Скрипт не запускается. Нет ошибки, но процесс не выполняется.

Вот код:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

//View: 
<h3 class="panel-title boldFeatures" id="name">@((ViewBag.data as List<LoginTest.Models.HomePageItem>).First().ProductName)</h3> 

<p id="price">@((ViewBag.data as List<LoginTest.Models.HomePageItem>).First().productPrice)</p> 

<a class="btn btn-primary btn-block" id="addToCart">Test</a> 



//Script: 
<script> 
    $("#addToCart").on('click',function (e) { 
     e.preventDefault(); 
     $.ajax({ 
      url: '/HomePage/AddToCart', 
      data: { name: $('#name').text(), qty: $('#price').text() }, 
     }); 

    }); 
</script> 



//Method on controller: 
public void AddToCart(string name, string qty) 
    { 
     //Logic for adding to the cart. 
    } 

Answer 1

Удалены Запятая после объекта данных. Также добавлен метод POST для вашего вызова ajax.

<a href="#" class="btn btn-primary btn-block" id="addToCart">Test</a> 



    //Script: 
    <script> 
     $("#addToCart").on('click',function (e) { 
      e.preventDefault(); 
      $.ajax({ 
       url: '/HomePage/AddToCart', 
       type: 'POST', 
       data: { name: $('#name').text(), qty: $('#price').text() } 
      }); 

     }); 
    </script> 

Answer 2

... 
<a class="btn btn-primary btn-block" id="addToCart" href="javascript:void(0);">Test</a> 

... 
$("#addToCart").click(function(e){ 
    $.ajax({ 
    url: '/HomePage/AddToCart', 
    data: { name: $('#name').text(), qty: $('#price').text() } // , 
}); 

...