Question

我有一个表订阅，其中列已导出，可以有三个值： - 成功 - 失败 - 手动

当用户使用AJAX点击页面上的某个位置时，我想更改exported的值。

如果他点击的元素具有类fa-times，则exported会从failure更改为manual。
如果他点击的元素具有类verified，则exported会从manual更改为failure。

我试过这个没有成功1）（首先我得到subscription_id）：

$(document).ready(function () {
    $('.fa-times').on('click', function (event) {
        var subscription_id = $(this).parent().parent().attr('id');

        $.ajax({
            url: " /tournaments/" + "<%=params[:tournament_id]%>"+"/subscriptions/"+ subscription_id,
            dataType: "script",
            data: {
                subscription: {
                    exported: "manual"
                    subscription_id: subscription_id,
                }
            },
            type: "POST"
        });
    });
}),

你知道出了什么问题，我在控制台上没有收到任何错误。

Answer 1

以下是更新选择框所选元素的代码

$(document).ready( function () {
      $('.fa-times').on('click', function(event){
          $('#exported option[value=manual]').attr('selected', true)
      });
      $('.verified').on('click', function(event){
          $('#exported option[value=failure]').attr('selected', true)
      });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="exported">
  <option value="success">success</option>
  <option value="failure">failure</option>
  <option value="manual">manual</option>
</select>
  <div class="fa-times">fa-times</div>
<div class="verified">verified</div>

Answer 2

我不确定，但您的网址可能无法将您的电话转到正确的位置。检查chrome Inspect Element中的网络选项卡。你有200个状态码吗？如果是，请检查api实际上是否正在发送数据？您也可以尝试使用JSON dataType。

Ajax调用不起作用，控制台中没有错误

2 个答案: