javascript - 使用 AJAX JQuery 发送 POST 数据

Question

我想将 POST 中的 Bootstrap 下拉列表中选定的项目发送到我的 Controller ，但不知何故它没有被发送。

在我的下拉列表中，我从数据库中获取记录 <li></li> tag ，像这样:

 <li class="dropdown">

      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Your Sites <span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li ><a href="#"><?php

    foreach($sites as $site)
    {

    echo "<li class='specialLink' id='$site->site_key'>".$site->site_key."</li>";
    }?></a></li>

      </ul>
    </li>     

这是我发送 POST 数据的脚本:

<script type="text/javascript">

$( ".specialLink" ).click(function() {
    var value = this.id; //get value for throw to controller
    alert(value);  

    $("#specialLink").submit(function(){
        $.ajax({
            type: "POST", //send with post
            url: "<?php echo site_url('customer/dashboard') ?>",  
            data: "value=" + value,
        });
    });
});

</script>

但是我没有在 Controller 上发送任何 POST 数据，也没有在控制台中收到任何错误消息。

Answer 1

我认为您没有正确使用submit。 submit 函数将事件处理程序绑定(bind)到 submit javascript 事件。欲了解更多信息，请访问 https://api.jquery.com/submit/ 。

您只想在单击 $(.specialLink) 时执行 ajax 请求，因此请尝试:

 $( ".specialLink" ).click(function() {
    var value = this.id; //get value for throw to controller
    $.ajax({
      type: "POST", //send with post
      url: "<?php echo site_url('customer/dashboard') ?>",  
      data: "value=" + value, 
    });
});