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

Question

在我的应用程序中，我已使用div.load（）jQuery将局部视图加载到了普通视图中。 我正在尝试更新局部视图中的值，并使用jquery在同一视图中显示局部视图。 是否有其他方法或示例可以实现它。

共同观点

 <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单击链接即可显示部分视图

<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.");
   }                     
  });  
  }

我试图更新部分视图值并在同一View中显示部分视图。 使用部分视图时，我遇到了一个性能问题。 我的代码中有任何错误。 ？ 我的方法是错误的吗？

Answer 1

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

Answer 2

用这个：

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 ...
});

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

问题描述

2 个解决方案

解决方案1
0 2013-07-31 16:13:21

解决方案2
0 2013-07-31 16:49:35

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

问题描述

2 个解决方案

解决方案1 0 2013-07-31 16:13:21

解决方案2 0 2013-07-31 16:49:35

解决方案1
0 2013-07-31 16:13:21

解决方案2
0 2013-07-31 16:49:35