javascript - 通过ajax传递数据

Question

我正在遵循一个教程，通过 ajax 传递文本进行搜索，效果很好。现在我还想传递复选框值。有人能指出我正确的方向吗？现在我有:

             function search(){

                  var term=$("#search").val();

                  if(term!=""){
                    $("#result").html("<img src='/img/spin.gif'/ style='margin-top: 30px;'>");
                     $.ajax({
                        type:"post",
                        url:"file.php",
                        data:"q="+encodeURIComponent(term), /* encodeURI is used to escape things such as plus sign */
                        success:function(data){
                            $("#result").html(data);
                            $("#search").val("");
                         }
                      });
                  }

所以，基本上我认为文本是通过后变量“q”发送的。假设我有一组复选框，如何将其添加到同一个发布请求中？

Answer 1

你可以使用 jQuery 的序列化。

$('#form').submit(function(e) {

    var data  = $('#form').serialize();

    $.post('form.php',data, function(status) {
        if(status == 'success') {
            // success
        } else {
            // error
        }
    });
    e.preventDefault();
});

表单.php

<?php

$search = $_POST['search'];
etc...