在同一视图中显示部分视图mvc4

在我的应用程序中，我使用div.load（）jquery在我的常见视图中加载了局部视图。我想更新我的分部视图中的值，并显示在同一视图中使用jQuery的局部视图。是否有任何其他方法或样本来实施它。在同一视图中显示部分视图mvc4

共视

<body> 
    <div class="block-content" style="width: 200px;"> 
    <ul> 
     <li><a id="MyAccount" class="common"><strong>Account Dashboard</strong></a></li> 
     <li><a id="AccountDetails" class="common">Account Information</a></li> 
     <li><a id="AddressBook" class="common">Address Book</a></li> 
     <li><a id="MyOrders" class="common">My Orders</a></li> 
    </ul> 
    </div> 
    <div id="divDynamic" class="order"> 
    </div> 
    </body>

jQuery来diaplay链接

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('.common').click(function() { 
       var pageid = this.id; 
       LoadPartialView(pageid); 
      }); 
     }); 

     function LoadPartialView(pageid) { 
      $("#divDynamic").empty(); 
      $("#divDynamic").load("/WPindex/" + pageid, 
      function (response, status, xhr) { 
       if (status == "error") { 
       alert("An error occurred while loading the results."); 
       } 
      }); 

     } 
</script>

控制器

public ActionResult AccountDetails() 
{ 
    return PartialView(); 
} 
[HttpPost] 
public ActionResult AccountDetails(string FirstName, string LastName, 
string Email, string DOB,string PhoneNo, string Gender) 
{ 
    return PartialView(model); 
}

的点击局部视图

jQuery来更新局部视图值，并在相同的视图加载局部视图

$(document).ready(function() { 
$('.button').click(function() { 
    LoadPartialView(); 
}); 
}); 
function LoadPartialView() { 
var FirstName = document.getElementById("FirstName").value; 
var LastName = document.getElementById("LastName").value; 
var Email = document.getElementById("Email").value; 
var DOB = document.getElementById("DOB").value; 
var PhoneNo = document.getElementById("PhoneNo").value; 
var Gender = $('#Gender optionelected').attr('value'); 

$("#divDynamic").load("/ControllerName/AccountDetails?", { 
'FirstName': FirstName,'LastName': LastName, 'Email': Email, 
'DOB': DOB, 'PhoneNo': PhoneNo,'Gender':Gender 
    }, 
    function (response, status, xhr) { 
    if (status == "error") { 
    alert("An error occurred while loading the results."); 
    }      
    }); 
    }

我尝试更新局部视图值，并显示在相同的视图中的局部视图。我在使用局部视图时遇到强大的性能问题。我的代码中有任何错误。？我的方法是错误的。？

来源

2013-07-30 kk1076

在两个AccountDetails操作方法中都放置了断点。
我认为load方法在请求中使用get方法，而第二个操作方法使用HttpPost属性进行装饰。
尝试使用了jQuery的ajax方法：jQuery.ajax

来源

2013-07-31 16:13:21

使用此：

var myUrl = "/ControllerName/AccountDetails?FirstName=" + FirstName + 
    "&LastName=" + LastName + 
    // ... other query strings ...   

$.ajax({ 
    url: myUrl,   
    success: function (data, textStatus, jqXHR) { 
     $("#divDynamic").html(jqXHR.reponseText); 
    }, 
    error: function (jqXHR, textStatus, errorThrown) { 
     alert(jqXHR.responesText); 
    } 
    // ... any other ajax options ... 
});

来源

2013-07-31 16:49:35 AminSaghi

是否有任何其他方法比jQuery来更新局部视图/后在同一个视图中显示，因为它提供了性能问题。 – kk1076

@ kk1076 - 是的，你可以在你的局部视图中使用'@ Ajax.BeginForm（）'。 – AminSaghi

在同一视图中显示部分视图mvc4

回答

相关问题