Question

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

但我没有得到任何回应。

我做错了什么？

index.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>

recs.php

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'; ?>

Ajax没有回应

2 个答案: