Jquery没有使用php

Question

我是jQuery和ajax的初学者所以我面临很多问题。我有一个功能，当我测试时不起作用。请帮我理解

感谢。

html page

php页面

Answer 1

在文档完全加载之前绑定keyup函数。所以这个绑定在你拥有元素之前发生，因此没有绑定。 将其包装在文档就绪功能中，使其仅在文档结构完全可用时执行。

$(function(){
    // your stuff
});

Answer 2

我不确定它是否在您尝试上述评论后无效。你应该通过检查元素或萤火虫检查

作为替代方案，你可以试试这个

$(function() {

 $('#name').keyup(function(){

   var tname = $(this).val();
   $.ajax({
     url : 'fetch.php',type:'post',dataType:'json',
     data : {name:tname},
     success:function(rest){

         $("#mydiv").html(rest.data);
     }
   });

  });

});

和你的fetch.php

if(isset($_POST['name'])){

   $name = $_POST['name'];
   echo json_encode(array('data'=>$name));
}

Answer 3

替换

$( "#mydiv" ).html('data');

与

$( "#mydiv" ).html(data);

例如：

<script>
    $(function() {
      $('#name').keyup(function(){
        var name = $('#name').val();
        $.post( "fetch.php",{name:name} ,function( data ) {
          $( "#mydiv" ).html(data);
        });
      });
    });
</script>