ajax没有与php文件通信

时间:2014-05-15 08:52:16

标签: php ajax

我还在学习ajax,我试图让我的php文件与ajax文件进行通信,但我无法让它工作。我可能会忽略一些东西,但这是代码:

global.js文件:

$('input#testbutton').on('click', function() {
   var id = $('[name="selectedPatient"]').val();
   $.post('ajax/selection.php', {id: id}, function(data) {
       alert(data);
   });  
});

我的selection.php文件只是回应" 15",但是当我按下测试按钮时,我没有得到警报。我测试了按钮是否在没有$ .post功能的情况下工作,只需通过on.click进行警报即可。 var id也有效(警告测试了)。

selection.php:

<?php 
   echo "test";
?>

1 个答案:

答案 0 :(得分:1)

  

当我按下它时,firebug控制台显示POST ajax / selection.php一秒钟然后再空了 -

Aaaah,页面重新加载。您应该收听submit的{​​{1}}事件,并确保在处理程序中调用<form>

<强> HTML:

event.preventDefault()

<强> JS:

<form action="ajax/selection.php" method="post" id="yourForm">
  <input name="selectedPatient" type="text">
  <input type="submit" value="Submit">
</form>