2016-04-13 6 views
0

インデックスビューのdivのセクションを、部分ビューから取得した新しいデータで置き換えることはできません。私は火かき棒で見る正しい応答を得る。今のところ私はそれが正常に動作していると警告ウィンドウを表示します。ベローは私のAjaxコードと私が得る応答の一部です(ulの中の20のリストグループ項目)。だから私は私のビューのようにすべてのdivのJavaScriptコードを書くか、別のオプションがありますか?たぶんいくつかの例をお願いしますか?Ajaxレスポンスのjavascriptでコンテンツを置き換える方法

よろしくお願いいたします。

<script> 
     function testAjax() { 
      debugger; 
      $.ajax({ 
       url: "@Url.Content("~/Controller/MyAction")", 
       data: "searchString=search", 
       type: "Post", 
       beforeSend: function() { 
        //Code for before send whatever you have to do. 
       }, 
       success: function (data) { 
        alert("It's Working!"); 
       }, 
       error: function (response) { 
        //Your code when error ocure 
        alert(response.responseText); 
       }, 
       failure: function (response) { 
        //your code for failure 
        alert(response.responseText); 
       } 
      }) 
     } 
    </script> 

私の応答:

<ul class="list-group infinite-scroll">      
     <li class="list-group-item col-md-6"> 
      <div class="noo-event-featured-item grow"> 
       <div class="sc-event-content"> 
        <h3><a href="/Controller/Podrobnosti/73" onclick="checkCookie();">text</a></h3> 
        <div class="bottom"> 
         <div class="create-date"> 
          <span> 
           date 
          </span> 
         </div> 
        </div> 
       </div> 
       <div class="sc-event-item"> 
        <div class="event-thumbnail"> 
         <a href="link" > 
          <img src="image link"> 
         </a> 
         <div class="sc-meta"> 
          <span class="sc-date"><i class="fa fa-clock-o"></i><span> text</span></span> 
          <span class="sc-address"> 
           <i class="fa fa-map-marker" style="padding-left: 3px;"></i>Place<span class="tribe-address"> 
            <span class="tribe-street-address">Street</span><span class="tribe-delimiter" 
>, </span> 
            <span class="tribe-locality">Country</span> 
           </span> 
          </span>       
         </div> 
        </div> 
       </div>    
      </div> 
     </li> 
</ul> 
+0

どのような出力が期待されていますか?あなたは何を操作したいですか? – Rayon

+0

私のulを私が応答から得たものに置き換える。 –

+0

divを完全に応答htmlに置き換えたい場合は、.html(data)ではなく.replaceWith(data)を試してください。 – jeetaz

答えて

0

をあなたがあなたの成功の機能では、このようなものを使用しようとすることができ、あなたの応答その(プレーンテキスト)htmlコード場合:

$('yourDiv').empty();//clear child nodes 
$('yourDiv').html(data);//append new nodes 
+0

なぜ '.empty()' ... '。' .html() 'がすべての子ノードを置き換えますか。 – Rayon

+0

申し訳ありませんが私のために働いていません:(検索機能はcorrectllyを働いています、最初の20回の結果は更新されません。邪魔にならないスクリプトを修正する必要がありますか?または成功メソッドにforeach関数を書き込む必要がありますか? –

+0

アラートウィンドウのアラート(データ)データを置き換える方法を理解していない。 –

0

はありがとうすべて、私はそれを理解した。あなたは除算の前にドットを使用する必要があります$(".divid").replaceWith(data);

関連する問題