Question

我想从下拉菜单中选择一个选项，然后让ajax从ajax.php获取数据，然后在#output中输出。

脚本

 jQuery(document).ready(function(){
 $("#category_list").change(function() {
 $.ajax({
                    url: "ajax.php",
                    type: 'post',
                    success: function(data){
                        $("#output").html(data);
                    },
                    error: function() {
                        $("#output").html("Error with ajax");
                    }

   });
  });
});

下拉

     foreach($categories as $category) {?>
     <option><?php echo $category['categoryName']; ?></option>
     <?php } ?>

ajax.php

 <?php
 $result = "Ajax is working";
 echo $result;
 ?>

当我选择一个选项时，它会给我带来“带有ajax的错误”错误。我做错了什么？

编辑：问题出在ajax.php的链接中。我的网站显示了不同.phps的不同部分，所以我对ajax.php所在的文件夹感到困惑。

Answer 1

您必须从ajax对象

中记录您的错误

    $.ajax({
      type:"POST",
      url:"ajax.php",
      data: "{'parameter1': 'value1'}", 
      success: function(data) { $("#output").html(data); },
      error: function(ts) { 
      alert(ts.responseText) 

      $("#output").html("Error with ajax");
      }
    })

下拉菜单后使用ajax已更改

1 个答案: