Question

I have a an actionlink in my masterlayout like this:

 @Html.ActionLink("Order Your Free Report 1", "CheckValue", "Product", null,new { id = "checkExists" })

I have an action method like this :

  public ActionResult CheckValue() {
            bool result = true;
            ViewData["checkCondition"] = true;
            return Json(result, JsonRequestBehavior.AllowGet);
        }

and function like this:

$(function () {
    $('#checkExists').click(function () {
     $.getJSON(this.href, function (result) {
            alert(result);
            if (result) {
                alert('the record exists');
            }           
        });
        return false;
    });
});

When I click the link, alert is not shown. But If I use like this:

 $(function () {
  $('#checkExists').click(function () {

        var condition =new Boolean('@ViewData["checkCondition"]');
        if (condition) {
            alert("message");
        }
   return false;
    });
});

It works. Please suggest why first one is not working ?

Answer 1

try wrapping this into $(this)

$(function () {
    $('#checkExists').click(function () {
     $.getJSON($(this).attr('href'), function (result) {
            alert(result);
            if (result) {
                alert('the record exists');
            }           
        });
        return false;
    });
});

the ajax version

   $(function () {
      $('#checkExists').click(function () {

       $.ajax({
         url: $(this).attr('href'),
         type:'GET',
         success: function (result) { ... },
         dataType: 'json',
         error:function(jqXhr,textStatus, errorThrown){
             alert("Oops ");
             alert(jqXhr.responseText);
             alert(jqXhr.status);
         }
            });
          return false;
        });
    });

try this and tell what alerts show up