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>