2017-09-02 17 views
-1

私はajaxスクリプトを持っていますが、私はこのスクリプトをPHPで表示しています。結果は私がボタンを印刷しています&今、私はこのボタンでjqueryメソッドを使いたいです。 。jquery on php result button

私のAjaxのコードはPHPコードで

$(document).ready(function(){ 

    $.ajax({ 
    url : "<?php echo base_url('/map/connection_list/')?>", 
    type: "POST", 
    dataType: "HTML", 

    success: function(data) 
    { 

     $("#res").html(data); 
     //$("#content").html(data.content); 
     // $('[id="content"]').val(data.content); 

    }, 
    error: function (jqXHR, textStatus, errorThrown) 
    { 
     alert('Error get data from ajax'); 
    } 
}); 

$("#yes").click(function(){ 
    alert("ok"); 
}); 
}); 

結果を下回っている今、私は警告の機能の下で使用されるように、このボタンをjqueryの機能を使用したい

<button id='yes' class='btn btn-primary'>Yes</button> 
    <button id='no' class='btn btn-default'>No</button> 

を下回っています。 $( '#yes')click(function(){ alert( "ok"); }); この機能は動作していません。

あなたはこのように使用する必要があります
+1

'$( "#はい")。()関数を({//ここでアヤックス})をクリックし' – guradio

+0

は、フォーム内のボタンがありますか? –

答えて

0
$(document).ready(function() { 

var fireAjax = function() { 
    $.ajax({ 
     url: "<?php echo base_url('/map/connection_list/')?>", 
     type: "POST", 
     dataType: "HTML", 

     success: function (data) { 

      $("#res").html(data); 
      //$("#content").html(data.content); 
      // $('[id="content"]').val(data.content); 

     }, 
     error: function (jqXHR, textStatus, errorThrown) { 
      alert('Error get data from ajax'); 
     } 
    }); 
}; 

$("#yes").click(fireAjax); 
$("#no").click(function() { /* Do sth. else */ }); 

}); 
+0

私はこれをチェックしているが動作していない。 –

0

:上

$( '体')( 'クリック'、 '#yes'、機能(){警告( 'TES');}) ;

私はこの携帯電話に役立っています。

EDIT

今日、私は携帯電話にあったので、私のコードは、私が思うに、あなたのために明確ではありませんでした。これはあなたがこのことを処理する方法です!

$(function(){ 
    $.ajax({ 
     url : '<?php echo base_url('/map/connection_list/')?>', 
     type: 'POST', 
     dataType: 'HTML', 
     success: function(data) 
     { 
      $('#res').html(data); 
     }, 
     error: function (jqXHR, textStatus, errorThrown) 
     { 
      alert('Error get data from ajax'); 
     } 
    }); 

    $('body').on('click','#yes',function(){ 
     alert('ok'); 
    }); 
}); 
0

あなたのコードチェックjs fiddle .TOの構文エラーは、あなたがこれを行うことができますjQueryのAJAXを使用して要求を行います。

$(document).ready(function() { 
$("#yes").click(function() { 
    alert("OK"); 
    $.ajax({ //Process the request using $.ajax() 
    url: "<?php echo base_url('/map/connection_list/')?>", 
    type: "POST", 
    dataType: "HTML", 

    success: function(data) { 

    $("#res").html(data); 
    //$("#content").html(data.content); 
    // $('[id="content"]').val(data.content); 
    }, 
    error: function(jqXHR, textStatus, errorThrown) { 
    alert('Error get data from ajax'); 
    } 

    }); 
}); 
}); 
+0

しかし、ajaxの結果の後、私はyes idでボタンを取得するので、どのように結果の前に関数を作成できますか? –