Обратный текст JSON

Question

Я пытаюсь вызвать ActionResult и обновить значение img на странице на основе возвращаемого результата из Action, но по какой-то причине я отправляю на новую страницу, которая просто печатает строку

public ActionResult Favorite(int? id) 
    { 
     int PId = Convert.ToInt32(pid); 
     if (MyDb.CheckExist(Convert.ToInt32(User.Identity.Name),PId)) 
     { 
      var UF = MyDb.GetExist(Convert.ToInt32(User.Identity.Name),PId); 
      MyDb.Delete(UF); 
      MyDb.Save(); 
      return Json(new { Url= "/Content/oldimage.png" }, JsonRequestBehavior.AllowGet); 
     } 

     else 
     { 
      UFs UF = new UFs(); 
      UF.Id = PId; 
      UF.UserId = Convert.ToInt32(User.Identity.Name); 
      UF.CreatedDate = DateTime.Now; 
      MyDb.Add(UF); 
      MyDb.Save(); 
      return Json(new { Url= "/Content/newimage.png"}, JsonRequestBehavior.AllowGet);//return favorite image 
     } 

    } 

мой якорь тег, который вызывает мой Аякса

<a href='<%= Url.Action("Favorite","Home", new { id = item.Id })%>' class="Image" style="text-decoration:none"> 
      <img src="/Content/Images/oldimage.png" alt="FavoriteImage" style="height:25px;width:30px" id="favorite<%:item.Id %>" class="ImageTag" /></a> 


    $('.Image').click(function() { 

     var id = this.children('.ImageTag').attr('id'); 
     $.ajax({ 
      url: this.href, 
      type: 'POST', 
      dataType: "json", 
      success: function (data) { 
       $('#' + id).attr('src', data.Url); 

      }, 
      error: function (xhr, ajaxOptions, thrownError) { 
       $.unblockUI(); 
      } 
     }); 
     return false; 
    }); 

и что происходит это действие на сервере хит, но посты страниц на Home/Favorite отображающих возвращенный JSon. Home/Favorite - это даже не представление.

Answer 1

Вы должны изменить поведение по умолчанию, ссылка делает новый запрос для FavoriteAction обновления всей страницы, получая в ответ на JSON.

$('.Image').click(function(event) { 
    event.preventDefault(); 

    //do stuff here 

});