2017-05-19 11 views
0

ページの本文にあるリンクをクリックすると表示されるBootstrap Modalダイアログがあります。これは、VOIPサービスを介して通話を行うためのボタンが含まれている - ここではモーダルコードだ:PHPブートストラップモードでHTTP GETリクエストを作成する

<div class="modal" id="callModal"> 
 
    <div class="modal-dialog"> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
 
     <h4 class="modal-title">Call Customer</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <p>Calling Fred Flinstone . . . </p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
 
     <a href="<?php echo $contact1CallBack ;?>" id="callContact"><button type="button" class="btn btn-success">Make Call</button></a> 
 
     </div> 
 
    </div> 
 
    <!-- /.modal-content --> 
 
    </div> 
 
    <!-- /.modal-dialog --> 
 
</div> 
 
<!-- /.modal -->

ユーザーは、同じウィンドウ内でURLを呼び出した瞬間にメイクの通話ボタンをクリックすると - 私はモーダルウィンドウのままにして、バックグラウンドでHTTP URLを呼び出しますが、これを行う方法がわかりません。このことから

+0

あなたはこれまでに何を試みましたか? JavaScriptを投稿してください。 –

+0

$ contact1CallBackにはどのような変数が含まれていますか?なぜアンカータグ内のボタンを使用するのですか?それらのいずれか1つは、あなたが望むものを達成するのに十分です。 –

+0

アンカータグを使用していると、指定した 'href'にリダイレクトされます。 – Jer

答えて

0

<a href="<?php echo $contact1CallBack ;?>" id="callContact"><button type="button" class="btn btn-success">Make Call</button></a> 

は、これを変更するには:

<button type="button" id="makecall" class="btn btn-success">Make Call</button> 

のjQueryを:

$("#makecall").click(function(){ 

$.ajax({ 

      url:$yoururl/method, 
      data:{}, 
      method:"POST", 
      success:function(data){ 

      } 

     }); 

    }); 

これをそのまま使用すると、rmodal維持します。 ajax呼び出しの中で成功した関数では、呼び出しが成功した後にしたいことをするコードを置くことができます。

0

そう

<script> 
function callapi (api) { 

                $.ajax({ 
                    url: api, 
                    type: 'GET', 
                    dataType: 'json', 
                    crossDomain: true, 
                    success: function (data, textStatus, xhr) { 
                        console.log(data); 
                    }, 
                    error: function (xhr, textStatus, errorThrown) { 
                        console.log(errorThrown); 
                    } 
                }); 

        } 
    </script> 

それはあなたのページをリロードしないであろうと

希望これをバックグラウンドでAPIを呼び出すアヤックス

<a href="javascript:" onclick="callapi(<?php echo $contact1CallBack ;?>);" id="callContact"><button type="button" class="btn btn-success">Make Call</button></a> 

を使用して、APIの呼び出しを行うと、このコードでAPIを呼び出すことができます助けてください

関連する問題