jQuery .post（）澄清

Question

大家好，我知道这个问题已经问了一百万遍了，但我似乎无法将答案转化为我的个人项目。 我的页面上有一个选择器，需要将AJAX查询发送到数据库并检索结果并将其打印在选择器下。 感谢所有可以阐明需要做什么才能使它起作用的人。

这是一个名为“ view.php”的php文件，减去了我对数据库所做的查询。

$depView = $_POST['depView'];

foreach($result as $entry){
echo  '<div>' . $entry['department']. $entry['CRN']. ' ' . $entry['title'] . ' ' . $entry['addDate'] . '</div>';
}

到目前为止，这是我的Javascript：

function getProps(data){
        $.post("view.php", {depView: data}, html)

        }

这是我的选择器：

<select onchange="getProps(value);" name="depView">
        <option value=""></option>
        <option value="CSC">CSC</option>
        <option value="MAT">MAT</option>
        </select></br>

Answer 1

成功请求后，必须使用回调函数来检索数据。

可能是这样的：

$.post('view.php', {depView: data}, function(data) {
  $('.result').html(data);
});

只需编辑“功能（数据）”中的零件即可对检索到的数据进行所需的处理。

Answer 2

您应该将$.post代码替换$.post ：

$.post("view.php",{depView:data},
   function(msg) {
     alert("Data Loaded: " + msg);
   },"html")

msg包含执行view.php的结果

您可以替换alert("Data Loaded: " + msg); 使用$('selector').html(msg) 。 最后一个html参数是opotional.jQuery标识view.php发送的数据类型。

Answer 3

HTML：

<select name="depView" id="depView">
  <option value=""></option>
  <option value="CSC">CSC</option>
  <option value="MAT">MAT</option>
</select><br />
<div id="ajaxResults"></div>

JavaScript：

<script type="text/javascript">

// on DOM load
$(function () {

  $('#depView').change(function () {
    $.post('view.php',
       { depView: $(this).val() },
       function (data) {
         $('#ajaxResults').html(data);
       },
       'html'
       );
  });

});

</script>