変数内のループ内のsucces：ajax呼び出しでJS

Question

こんにちは私は一日中ソリューションで作業してきましたが、それを理解していませんでした。私は$ .ajax呼び出しを持っています。その呼び出しはループしていて、必要な値を出力しています。それは私の割り当てられたvar配列ですが、表示する前にそれを操作することはできませんでした。成功関数の中で私はforループを開始し、var配列の値を代入します。私がそれらを操作しなければプログラムは続行しますが、何らかの操作を加えるとスタックに入ります。私は_文字の代わりに\ sの文字を置き換えようとしていますが、titl [i]が処理した操作のタイプはありません。私はかなりJSに新しいので、私は行方不明の何かがあるかもしれない、本当にいくつかの洞察力を前立てています！乾杯。

success: function (x) { 
    var titl = []; 
    var len = x.query.search.length; 

    $('.entries').html(""); 


    for (var i = 0; i < len; i++) { 

    titl[i] = x.query.search.title.split(' ').join('_'); 
    //want to manipulate titl[i] here ************************* 
    $('.entries').append('<div class="row"><div class="col-md-12">' + x.query.search[i].title + '<br>' + x.query.search[i].snippet + '</div></div>'); 

Answer 1

以下のコードをコメントで確認してください。

success: function (x) { 
    var titles = [], // Do you need them as an array? 
     search = x.query.search, 
     searchItem, 
     title = '', 
     len = search.length, 
     $entries = $('.entries'), // Keep the reference in a variable 
     html = []; 

    // You can just remove all content of entries 
    $entries.empty(); 

    for (var i = 0; i < len; i++) { 
     // Missing the search index? 
     searchItem = search[i]; 

     // Use push instead and keep title as reference so you can use later on 
     title = searchItem.title.split(' ').join('_'); 
     titles.push(title); 

     // Don't append just yet 
     html.push('<div class="row"><div class="col-md-12">'); 
     html.push(title); 
     html.push('<br>'); 
     html.push(searchItem.snippet); 
     html.push('</div></div>'); 
    } 

    // Instead append, just use HTML 
    $entries.html(html.join('')); 
}