阿贾克斯分配SRC到动态的iFrame在MVC3

Question

你好我基本上是新的Ajax和有一个艰难的时间来写吧..

我想分配SRC值的iFrame是从数据库
表被取出HobbyMasters

HobbyName 
HobbyUrl 

我写一个函数并立即抓取从表中的URL时，我在其上显示的链接我想要的iframe中被加载该网址Hobbyname点击。

最初我写了一个javascript：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('a').click(function (e) { 
     e.preventDefault(); 
     $('iframe').attr('src', "Dancing"); 
    }); 
}); </script> 

但这里的SRC是静态的，通过JavaScript我不能够从DATABSE分配获取价值src属性
所以思想

的编写Ajax ..

我已经试过的东西，但它是incomplete.Please帮我看看这个：

<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) { 
      Here i want to assign the fetched src from function FetchUrlByHobbyName to Iframe src 
     $('iframe').attr('src', filename); 
      } 
     }); 
    }); 

函数内控制器：

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

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

Answer 1

如果@Url.Action("FetchUrlByHobbyName")返回爱好的网址，你可以做

<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) { 
      Here i want to assign the fetched src from function FetchUrlByHobbyName to Iframe src 
     $('iframe').attr('src', returndata); 
      } 
     }); 
    }); 

最好的方法是返回与JSON相关的数据，并从JSON对象

获得url

success: function (returndata) { 
    jsonObj = jQuery.parseJSON(returndata) 
    $('iframe').attr('src', jsonObj.url); 
}