Jsonの応答データがdivに追加されない

Question

ajax呼び出しがうまく動作し、データがビューで処理されるため、成功関数の問題は理解できませんが、成功関数ではデータが追加されませんdivに

私のjqueryのあなたは、私はあなたと仮定応答は、コマンドプロンプトに印刷されたばかりされているとコメントしているので

$(document).ready(function() { 
    $('#other').click(function() { 
     var filename = "{{filename}}"; 
     var count = $("#count").val(); 

      $.ajax({ 
       type: 'POST', 
       url: '/increment_page/', 
       data: {'name':filename,'count':count,'csrfmiddlewaretoken': '{{ csrf_token }}',}, 
       dataType: 'jsonp', 
       success: function(data) { 

       $("#show").html(data.result); 

       } 
      }); 

    }); 
}); 

テンプレート

<div id="filename">{{filename}}</div> 
<input type="text" id ="count" value='1'> 
<button id="other">Click 
</button> 
<div id="show"> 
{{result|first|slice:"1:"}} 
</div> 

Views.py

def increment_page(request): 
#If the AJAX request 
if request.is_ajax() and request.POST: 
    try: 
     #Get the filename 
     name = request.POST['name'] 
     pdf = pyPdf.PdfFileReader(open(name, "rb")) 
     result=[] 
     #Extract the file contents 
     for page in pdf.pages: 
      result.append(page.extractText()) 
     result = [x for x in result if x != ''] 
     #Get the count 
     count = int(request.POST['count']) 
     #Increment the count 


     #Get the list item at the count(position)p 
     result=result[count] 
     my_dict={} 
     my_dict={'result':result,'count':count} 
     #print(my_dict) 
     data =json.dumps(my_dict) 
     return HttpResponse(data,content_type='application/json') 

    except: 
     e = sys.exc_info() 
     return HttpResponse(e) 

else: 
    raise Http404 
#return render(request,'view2.html',{'my_dict':my_dict,'result':result}) 

Answer 1

'成功関数は正確にどのように呼び出されているのですか？その場合は、エラーを記録するためにあなたのajax呼び出しに次の行を追加してください。もしあればコメントしてください。

error: function(xhr, status, error) { 
    var err = eval("(" + xhr.responseText + ")"); 
    alert(err.Message); 
} 

ボタンをクリックしてからajaxを呼び出すと、フォームが送信されてそのイベントが防止されます。

$(document).ready(function() { 
    $('#other').click(function(e) { 

     e.preventDefault(); 

     var filename = "{{filename}}"; 
     var count = $("#count").val(); 

     $.ajax({ 
     type: 'POST', 
     url: '/increment_page/', 
     data: {'name':filename,'count':count,'csrfmiddlewaretoken': '{{ csrf_token }}',}, 
     dataType: 'jsonp', 
     success: function(data) { 

     $("#show").html(data.result); 

     }, 
     error: function(xhr, status, error) { 
      var err = eval("(" + xhr.responseText + ")"); 
      console.log(err.Message); 
      //alert(err.Message); //you can use either of these to display error 
     } 
     }); 

    }); 
    }); 

ご迷惑をおかけして申し訳ございません。私はまだ質問にコメントを投稿することはできませんので、私はそれを私の答えに含める必要があります。