ajaxデータをポップアップにバインドできませんか？

Question

私はDjangoを使用しています。ポップアップでは、私はユーザーの詳細を表示しています。私はHTMLの形でデータを取得しています.Ajaxとdjangoを使用していますが、データをポップアップにバインドできません。

私の見解： -

def app_user_by_id(request,user_id=None): 
    if request.method == "GET": 
     result_data_for_editing ={} 
     master_user_types_list = MasterUserTypes.objects.using("cms").all() 
     university_all_list = Universities.objects.using("cms").all() 
     if request.method == "GET": 
      get_user_api_url = userService['getUserDetail'] + str(user_id) 
      response_data = create_get_request(get_user_api_url) 
      if response_data.status_code == 200: 
       print response_data.text 
       json_data = json.loads(response_data.text) 
       if json_data['data'] is not None: 
        result_data_for_editing = json_data['data'] 
       if request.is_ajax(): 
        html = render_to_string('templates/app_user/user_by_id.html', 
              {'result_data_for_editing': result_data_for_editing, 
              'master_user_types_list': master_user_types_list,'university_all_list':university_all_list,}) 
        return HttpResponse(html) 

とAJAX呼び出し機能： -

$(document).ready(function() { 
    $('.getObjectById').click(function() { 
     if ($(this).attr('id') && $(this).attr('action')) { 
      getObjectById(this); 

     } 
     else { 
      alert("id and action is required field ...............") 
     } 
    }); 
}); 


function getObjectById(object) { 

    var baseURL = location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : ''); 
    var requestData = {}; 
    var id = object.getAttribute("id"); 
    requestData.id = id; 
    $.ajax({ 
     url: baseURL+'/appuser/getUserDetailById/'+ id, 
     method: 'GET', 
     dataType: "json", 
     contentType: "application/json", 
     beforeSend: function() { 

     }, 
     success: function (data) { 
      alert("hjwekhkwhekewh"); 
       var div ='<div ' + '>' + data+ '</div>'; 
      $("#usergetdetailfromapi").append(data); 
     }, 
     error: function (jqXHR, ex) { 
      ajaxLoaderStop(); 
     } 
    }); 

} 

Ajaxで問題ありませんが、その応答を呼び出す成功しているが、私はに私のデータをバインドすることができませんこのドロップダウン： -

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
     <div class="modal-dialog" role="document"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span 
          aria-hidden="true">&times;</span></button> 
        <h4 class="modal-title">User Detail</h4> 
       </div> 
       <div class="modal-body " > 
        <div id="usergetdetailfromapi"> 

        </div> 
       </div> 

      </div> 
     </div> 
    </div> 

私はちょうど私のajaxリクエストをデバッグしました。エラーfuction。ヘルプここ

Answer 1

私はdataTYpe = "JSON"と宣言していましたが、jsonデータを取得できず、dataTypeをremoivedしてしまったため、解析エラーが発生しました。

function getObjectById(object) { 

    var baseURL = location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : ''); 
    var requestData = {}; 
    var id = object.getAttribute("id"); 
    requestData.id = id; 
    $.ajax({ 
     url: baseURL+'/appuser/getUserDetailById/'+ id, 
     method: 'GET', 
     contentType: "application/json", 
     beforeSend: function() { 

     }, 
     success: function (data) { 
      alert("hjwekhkwhekewh"); 
       var div ='<div ' + '>' + data+ '</div>'; 
      $("#usergetdetailfromapi").append(data); 
     }, 
     error: function (jqXHR, ex) { 
      ajaxLoaderStop(); 
     } 
    }); 

} 

Answer 2

$.ajax({ 
    url: '/appuser/getUserDetailById', 
    method: 'POST', 
    data: { 'id': id }, 
    dataType: "json", 
    contentType: 'application/json; charset=utf-8', 
    success: function (data) { 
     alert("hjwekhkwhekewh"); 
     var div = '<div ' + '>' + data.d + '</div>'; 
     $("#usergetdetailfromapi").append(data.d); 
    } 
}); 

を事前に

おかげでコードがそれを使用する更新されます。私はそれが仕事だと思う。