jquery - 阿贾克斯没有回应

Question

我再次尝试 - 我正在尝试创建简单的代码：当我更改下拉列表中的值时，Ajax 将运行并在第二个标签select中打印“HELLO AJAX”div

但我没有得到任何回应。

我究竟做错了什么？

索引.php

<script>

$(document).ready(function(){
  $("#first").click( 
    function(){

    //  var area_id=$("#first").val(); 

        $.ajax({
        type: "GET",
        url: "recs.php",
    //  data: "area_id="+area_id,
        dataType:'text',
        cache:false,
        success: 
          function(data){
            $("#second").html(data); 

          }

        });

      return false;

    });


});


</script>




<form method="post" action="#">

    <select id="first" name="area_id">
      <option value="1">1</option>
      <option value="2">2</option>
    </select>

<div id="second"></div>

</form>

记录文件

HELLO AJAX

Answer 1

我认为你错过了包括 jquery。

尝试添加这个：

<script type="text/javascript" src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>

在 index.php 的开头

Answer 2

将 jQuery 更改为

$("#first").change(function() {
       //ajax
    });

并从 recs.php 文件中回显文本：

<?php echo 'HELLO AJAX'; ?>