2017-06-07 8 views
0

これは私がajaxデータから得た値を表示したいが動作していないモーダルです。私はspan要素にid="view_name"を持っています。あなたはjQueryのスクリプトへの参照を含めることを忘れているかもしれません私はajaxから得たデータを表示します。

<td> 
    <a href="" data-id="" class="display" data-toggle="modal" data-target="#myModal" onclick="fun_view('{{ $dat->id }},{{ $dat->name }},{{ $dat->company_name }}, {{ $dat->mobile_phone }}, {{ $dat->timezone }}, {{ $dat->best_time_to_call }}')"><?php echo $dat->name;?></a> 
</td> 

<div class="modal-body">   
    <p><b>Name : </b><span id="view_name" class="text-success"></span></p> 
    <p><b>Company Name : </b><span id="view_company_name" class="text-success"></span></p> 
    <p><b>Mobile Phone : </b><span id="view_mobile" class="text-success"></span></p> 
</div> 

<script>   
function fun_view(id,name,company_name,mobile_phone,timezone,best_time_to_call) 
{ 
    var view_url = $("#hidden_view").val(); 

    $.ajax({ 
     url: view_url, 
     type:"GET", 
     data: 
     { 
      "id": id, 
      "name": name, 
      "company_name": company_name, 
      "mobile_phone": mobile_phone, 
      "timezone": timezone, 
      "best_time_to_call": best_time_to_call 
     }, 
     success: function(result){ 
      //when I alert(result.name) it says undefined 
      $("#view_name").text(result.name); 
      $("#view_company_name").text(result.company_name); 
      $("#view_mobile").text(result.mobile_phone); 
     } 
    }); 
} 
</script> 
+0

result.nameはjsonオブジェクトタイプです!だからあなたのajaxレスポンスがjson –

+0

であることを確認します '' 'console.log(result)' ''とは何ですか? –

+0

あなたがurlから返すものを表示するには、 'dataType: 'json'、' in ajaxを追加してください。 – guradio

答えて

-1

:私はこの問題は、それはこれがfun_view機能をトリガーするコードである

表示されませんが何であるかを知りません。

<script 
    src="https://code.jquery.com/jquery-3.2.1.min.js" 
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
    crossorigin="anonymous"></script> 
0

だけでAjaxのレスポンスはJSONオブジェクト であり、iは、セレクタ$(「#のhidden_​​view」)について思ったんだけど、多分あなたはそれを隠し、いくつかのCSSを持っていることを確認するデータ型を追加します。

$アヤックス({

url: view_url, 
    type:"GET", 
    datatype: 'JSON', 
    data: {"id":id, "name":name, "company_name":company_name, "mobile_phone":mobile_phone, "timezone":timezone, "best_time_to_call":best_time_to_call }, 
    success: function(result){ 
     //when i alert(result.name) it says undefined 
     $("#view_name").text(result.name); 
     $("#view_company_name").text(result.company_name); 
     $("#view_mobile").text(result.mobile_phone); 
    } 

})。

上記のコードを試してください

関連する問題