2

在我的应用程序中，我使用 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.");
   }                     
  });  
  }

我尝试更新部分视图值并在同一视图中显示部分视图。在使用局部视图时，我面临着一个强大的性能问题。我的代码中的任何错误。? 我的方法是错误的吗？

4

2 回答 2

0

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

于 2013-07-31T16:13:21.907 回答
0

用这个：

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-31T16:49:35.293 回答