Ajax ham html gönderme

JavaScript
4

@smhgk @hasser destekleriniz için çok teşekkür ederim. Sorunu çözdüm :slight_smile: Aslında konu Serdar Bey 'in tam da tahmin ettiği gibi Django 'dan dönderdiğim html içerikli kod sebebiyleydi ve @smhgk 'nın da önerdiği güzel yöntemle yapmaya çalıştım ama benim özel kdoum sebebiyle bu yöntemin kullanımı için çok fazla javascript kodu yazmam gerekti.Yaptığım şey django-haystack ile aramadan dönen değeri highlight 'ı view içinde kullandığımdan html içerikli obje dönmekteydi ben de view da highlight kullanmaktan vazgeçtim(Serdar Bey’i dinledim :slight_smile: )ve template de script kodumun içinde jquery-ui autocomplete kullandım, kodlarım aşağıdaki gibi, jquery-ui autocomplete kullanacak arkadaş olursa belki bir gün faydasını görür, paylaşayım :slight_smile:

<script type="text/javascript">
    $(function(){
      $("#id_q").autocomplete({
        minLength:3,
        source: function(req, add){
          var search=$("#id_q").val();
          var radioValue = $("input[name='whichsearch']:checked").val();
          $.ajax({
            url:'/search/autocomplete?q=',
            async:false,
            dataType:'json',
            type:'POST',
            data:{ 
              q: search,
              whichsearch: radioValue,
              csrfmiddlewaretoken: '{{ csrf_token }}'
              },
            success: function(data){
              var suggestions=[];

              $.each(data, function(index, objeto){
                suggestions.push(objeto); 
              });

              add(suggestions);
            },
            error:function(err){
              alert("error");
            }
          });
        }
      })
      .data( "uiAutocomplete" )._renderItem = function( ul, item ) {
        var t = String(item.value).replace(
                new RegExp(this.term, "gi"),
                "<span class='ui-state-highlight'>$&</span>");
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( "<a>" + t +"</a>" )
            .appendTo( ul );
    };
    });
  </script>
1 Beğeni