阿賈克斯分配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); 
}