在div上顯示Ajax響應

Question

如何在特定div上顯示ajax響應？ 該語句有效alert(data[i]['title']); 但我想在div上顯示 謝謝

<td><a onclick="ajax_request('{% url recommendation id=track.id %}');" href="#"> Click Here</a></td> 

Ajax的功能

function ajax_request(url) {
    $.ajax({
        url: url,
        type: 'POST',
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
        success: function(data) {
                for(i=0;i<=data.length;i++){
                    alert(data[i]['title']); 
               }
            }
    })
}

視圖

@login_required
def recommendation(request, id):
    if request.is_ajax() and request.method == 'POST':
        track = Track.objects.get(pk=id)
        recommend = Song.objects.filter(title__icontains=track.title)[:5]
        results = []
        for data in recommend:
            results.append({'title': data.title})
        json = simplejson.dumps(results)
        return HttpResponse(json, mimetype="application/json")

Answer 1

嗯，取決於您是否已經有一個div來顯示內容，或者使用jQuery創建一個新的div：

現有的ID為myDiv ：

$('#myDiv').html(data[i]['title']);  //also $('#myDiv').text(data[i]['title']) possible

創建新的div：

$('<div/>').html((data[i]['title']);

Answer 2

您需要像這樣修改成功事件

 $.ajax({
            url: url,
            type: 'POST',
            data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
            success: function(data) {
               for(i=0;i<=data.length;i++)
               $('#div').html(data[i]['title']);//Your success msg

                }
        });