Ajax请求未启动

Ajax request not starting

本文关键字：启动 请求 Ajax      更新时间：2023-09-26

我有下面的html部分

<div style="display:inline-block" class="seeker">
    <style>h2   {color: white;}</style>
        <form action="">
        <input type="checkbox" class="seek" id=CLOUD name="CLOUD" value="CLOUD"  >CLOUD &emsp;
        <input type="checkbox" class="seek" id=TESTING name="TESTING" value="TESTING"  >TESTING &emsp;
    </form>
</div>

和这个作为脚本的一部分

<script>
$('.seek').click(function(){
     alert("test");
     /*var value = document.getElementById(id).value;
     var endpoint = '/xyz/pqr/'
     var url = endpoint.concate(value)
     $.get(url, function(data){
         $("#testDIV").html(response);
           });*/
});

但是在检查复选框ajax调用不触发任何问题的代码?

$('.seek').on('change', function() {
   var checkedValues = $('.seek:checked').map(function(){
     return $(this).val();
   }).get();
   console.log("Changed: ", this.value, "to", this.checked)
   console.log(checkedValues);  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="display:inline-block" class="seeker">
    <style>h2   {color: white;}</style>
        <form action="">
        <input type="checkbox" class="seek" id=CLOUD name="CLOUD" value="CLOUD"  >CLOUD &emsp;
        <input type="checkbox" class="seek" id=TESTING name="TESTING" value="TESTING"  >TESTING &emsp;
    </form>
</div>

你应该使用change事件，而不是click复选框:

$('.seek').on('change', function(event) {
     event.preventDefault();
     alert("test");
});

我注意到的第一件事是您正在使用$('#seek')。Seek是一个类，所以你应该使用$('. Seek ')来选择它。

jQuery使用标准的"CSS"选择器。所以
# = ID
. = Class
[name='foo'] = Name
ect

$.get在你的帖子是在评论块，与/**/包裹，只是删除评论

相关文章：