PHP AJAX实时搜索如何传递subject参数到fetch.php页面

DevOps 小满

2026-8-27

PHP AJAX多参数传递修复方案

核心问题是AJAX提交的参数对象未包含subject字段，只需要修改JS逻辑，在请求时携带id为subj的输入框值即可，最小改动版本不需要调整原有事件绑定逻辑。

修改说明

原有HTML表单部分不需要做任何调整
直接在load_data函数内部读取学科输入框的值，所有触发该函数的场景（初始加载、分页点击、关键词搜索）都会自动携带最新的subject参数
若需要学科输入框内容变更时也实时刷新搜索结果，可额外绑定input/change事件，不需要可以省略
后端fetch.php的原有取值逻辑$subj=$_POST['subject'];不需要做任何调整

修改后完整JS代码

<script>
  $(document).ready(function(){

    load_data(1);

    function load_data(page, query = '')
    {
      $.ajax({
        url:"fetch.php",
        method:"POST",
        data:{
          page: page,
          query: query,
          subject: $('#subj').val() // 新增subject参数传递，直接读取输入框实时值
        },
        success:function(data)
        {
          $('#dynamic_content').html(data);
        }
      });
    }

    $(document).on('click', '.page-link', function(){
      var page = $(this).data('page_number');
      var query = $('#search_box').val();
      load_data(page, query);
    });

    $('#search_box').keyup(function(){
      var query = $('#search_box').val();
      load_data(1, query);
    });

    // 可选：学科输入框修改时自动刷新搜索结果
    $('#subj').on('input change', function(){
      var query = $('#search_box').val();
      load_data(1, query);
    });

  });
</script>