Jquery .post() 澄清

发布于 2024-10-28 14:31:54 字数 809 浏览 0 评论 0原文

嘿大家，我知道这个问题之前已经被问过一百万次，但我似乎无法将答案转化为我的个人项目。我的页面上有一个选择器，需要将 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>

原文

Hey all,
I know this question has been asked a million times before but I just can't seem to convert the answers into my personal project. I have a selector on my page that needs to send an AJAX query to my database and retrieve the results and print them under the selector. Thank you to anyone who can clarify what needs to be done for this to work.

Here is the php file called "view.php" minus the query I make to the database.

$depView = $_POST['depView'];

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

Here is my Javascript thus far:

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

        }

Here is my selector:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

魔法唧唧 2024-11-04 14:31:54

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>

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>

回复收藏 0 原文

泪是无色的血 2024-11-04 14:31:54

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

它可能是这样的：

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

只需编辑“函数（数据）”中的部分即可对检索到的数据执行您想要的操作。

You must use a the callback function to retrieve data after the successfull request.

It could be something like that :

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

Just edit the part in the "function(data)" to do what you want with the retrieved data.

回复收藏 0 原文

多情癖 2024-11-04 14:31:54

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

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

msg 包含执行 view.php 的结果

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

You should replace your $.post code with:

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

msg contains the result of executing view.php

You could replace alert("Data Loaded: " + msg); with $('selector').html(msg) .
The last param html is opotional.jQuery indentifies the type of data send by view.php .

回复收藏 0 原文

~没有更多了~