jquery/ajaxでシンプルなPHPコードを実行するには？

私の実際の例では、私は非常に簡単な例を作っあまりにも大きいので：jquery/ajaxでシンプルなPHPコードを実行するには？

test1.php

<!DOCTYPE html> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <!--jQuery--> 
<body> 
<p> What is the first letter of the alphabet?</p> 
<button type="button" id="button">Tell me!</button> 
<div id="div"></div> 
<script> 
$(document).ready(function(){ 
    $('#button').click(function(){ 
     $.ajax({ 
      url: 'test2.php', 
      success: function() { 
       $('#div').html(); 
      } 
     }); 
    }); 
}); 
</script> 
</body> 
</html>

test2.php

<?php 
echo "It's the letter A!"; 
?>

私はこれにしたいです「それは文字Aです！」と印刷します。私はボタンを押すと、動作していないようです。誰かがなぜこれがうまくいかず、どうやって解決するのか教えてもらえますか？
ありがとう

出典

2017-08-22 Denis

は '$（ '＃button'）'、 – JYoThI

のように引用符で囲む必要があります。レスポンスは何もしなかったので、[$ .ajax]（http：//api.jquery。 com/jQuery.ajax /） –

あなたは正しいです！それを修正しましたが、それでもLOLは動作しません。 – Denis

第一：は引用符$('#button')

第二で囲む必要があります。このような成功関数の応答を取得します。第三

success: function(res) { 

      $('#div').html(res); 

      }

：設定データ型がテキストに。

dataType:'text'

アップデート1：

$(document).ready(function(){ 
    $('#button').click(function(){ 
     $.ajax({ 
      url: 'test2.php', 
      dataType:'text', 
      success: function(res) { 

       $('#div').html(res); 

      } 
     }); 
    }); 
});

出典

2017-08-22 09:11:39 JYoThI

これはあなたがajaxから得た結果を出力していないためです。

<script> 
$(document).ready(function(){ 
    $("#button").click(function(){ 
     $.ajax({ 
      url: 'test2.php', 
      success: function(data) { //<---result from ajax 
       $('#div').html(data); //<----add result to div element 
      } 
     }); 
    }); 
}); 
</script>

出典

2017-08-22 09:10:43

スクリプトは、GET/POST引数なしでページの唯一の呼び出しである場合には、jQueryを使って最も単純な方法は、$ .LOAD（）です：

ここ

<script> 
    $(document).ready(function() { 
     $('#button').click(function() { 
      $.load("test2.php #div"); 
     }); 
    }); 
</script>

DOC：http://api.jquery.com/load/

出典

2017-08-22 09:14:33 Meloman

jquery/ajaxでシンプルなPHPコードを実行するには？

答えて

関連する問題