jquery - View で Controller 関数から Ajax に Value を返す方法

Question

こんにちは、基本的に Ajax は初めてで、書くのに苦労しています..

データベースから取得した Iframe に src の値を代入したい
テーブルは HobbyMasters です

HobbyName
HobbyUrl

関数を作成し、リンクとして表示されている趣味名をクリックすると、テーブルから URL をフェッチします。その URL を Iframe 内にロードします。

ビューに次の ajax 関数を記述しました。

 <script type="text/javascript">
  $(document).ready(function () {
      $('a').click(function (e) {
          e.preventDefault();
          var filename = $(this).text();
          var Hobbyurl = '@Url.Action("FetchUrlByHobbyName")';
          $.ajax({
              type: "POST",
              url: Hobbyurl,
              data: { data: filename },
              success: function (returndata) {
                  jsonObj = jQuery.parseJSON(returndata)
                  $('iframe').attr('src', jsonObj.url);
              }
          });
      });
  });
  </script>

コントローラー内の FetchUrlByHobbyName() 関数のコード:

[HttpPost]
public ActionResult FetchUrlByHobbyName(string Hobbyurl)
{
    HobbyMasters hobbymaster = new HobbyHomeService().FetchHobbyMasterByHobbyName(Hobbyurl);

    string url=hobbymaster.InformationUrl;
    if (HttpContext.Request.IsAjaxRequest())
        return Json(url);
    return View();
}

戻った後、例外エラーが発生します。フェッチされた値を返す方法が正しくない可能性があります。Ajax関数に値を返す方法を教えてください