mvc3でajaxを使って部分ビューを呼び出す方法

Question

ajaxで部分ビューを呼び出す必要があります。私は次のことを試しましたが、私はそれをどのように完了するか分かりません。ここで

$("#UserName").change(function() { 
     var userid = $("#UserName").val(); 
     var ProvincialStateID = $("#State").val(); 
     var Hobbyid = $("#Hobby").val(); 
     var Districtid = $("#DistrictNames").val(); 
     var Homeid = $("#Hobbyhome_EstablishmentId").val(); 
     var urlperson = '@Url.Action("FetchPersonByUserName")'; 
     $.ajax({ 
      type: "POST", 
      url: urlperson, 
      data: { userid: userid, stateid: ProvincialStateID, hobbyid: Hobbyid, districtid: Districtid, homeid: Homeid }, 
      success: function (data) { 
      //Dont know what to write here 
     }); 
    }); 

は、私は私のコントローラで書かれている機能である：

[HttpPost] 
    public ActionResult FetchPersonByUserName(int userid,int stateid,int districtid,int homeid,int Hobbyid) 
    { 
     //Code to fetch the data in the partial using all parameters 
     return PartialView("_LearnerAssociationGridPartial", list); 
    } 

ドロップダウンに私をクリックすると、アヤックスが呼び出されると、私はそれをリダイレクトするために、AJAXを介して呼び出される関数をしたいです部分的な見方。現在、私は部分ビューを表示することができないので、私を助けてください

Answer 1

は、まっすぐ変数からのデータを使用しないようにお奨めするが、あなたができることです

$.ajax({ 
    type: "POST", 
    url: urlperson, 
    data: { userid: userid, 
      stateid: ProvincialStateID, 
      hobbyid: Hobbyid, 
      districtid: Districtid, 
      homeid: Homeid }, 
    success: function (data) { 
      var result = data; 
      $('targetLocation').html(result); 
    } 
    }); 

のようなものです。 ターゲットの場所は、結果を表示したい場所です。

ここでより多くの情報を参照してください：

http://api.jquery.com/jQuery.ajax/

フェッチデータを遅くすると、

クエリをoptimalize試す更新 NHibernateのが遅い実行するために、のために、NHibernateのプロファイラであるhttp://www.hibernatingrhinos.com/products/nhprofを試してみてくださいSQLプロファイラを使ってクエリが実行されているかどうかを確認してください。多くの場合、クエリの複雑さのためにクエリの実行速度が遅くなります。

Answer 2

私はパリティビューへのリダイレクトの意味を理解していません。通常、人々はajaxと部分的なビューを使ってページを更新せずにページの一部を取得します（このサイト/ facebook/twitterなどでこの種の動作を見たことがあります）。だからおそらく、取得しているデータ非同期的に現在のページの一部に表示されます。あなたは、あなたの現在のページ内のid divUserInfoとdiv要素を持っているあなたの成功ハンドラ

$.ajax({ 
     type: "POST", 
     url: urlperson, 
     data: { userid: userid, stateid: ProvincialStateID, hobbyid: Hobbyid, districtid: Districtid, homeid: Homeid }, 
     success: function (data) { 
      $("#divUserInfo".html(data); 
     } 
}); 

Assumungでそれを行うことができます。

実際にajax投稿の後にリダイレクトする場合は、このようにすることができます。

$.ajax({ 
     type: "POST", 
     url: urlperson, 
     data: { userid: userid, stateid: ProvincialStateID, hobbyid: Hobbyid, districtid: Districtid, homeid: Homeid }, 
     success: function (data) { 
      window.location.href="Why-I-need-Ajax-Then.php"; 
     } 
}); 

は個人的に、私が使用してはいけないHttpPost（クライアントとサーバーの両方で）それはGETにする方法一部のデータがある場合。私はjQueryを取得または読み込みをsimpy使用します。あなたが必要なもの

$.get("yourUrl", { userid: userid, stateid: ProvincialStateID } ,function(data){ 
    $("#divUserInfo".html(data); 
});