Question

我正在尝试创建一个ajax请求，其中URL是提交时的表单。

我的Jquery：

    $(document).ready(function() {
$('.menuitem input:checkbox').change(function(){
        $.ajax({
          type:'get',
          url:form.submit();,
          data:form.serialize(),
          success:function(msg){
            $('#formcontent').html(msg);
          }
        })
    })
    $('input:submit').hide();

    $('.menuitem input:checkbox').change(function(){
    if($(this).is(":checked")) {
        $('div.hidediv').removeClass("hidediv");
    } 
});
});

Answer 1

$('.menuitem input:checkbox').change(function() {
    // fetch the form containing the checkbox whose value
    // has just changed so that we could infer its action and method
    var form = $(this).closest('form');
    $.ajax({
        url: form.attr('action'),
        type: form.attr('method'),
        data: form.serialize(),
        success: function(msg) {
            $('#formcontent').html(msg);
        }
    });
});

Answer 2

固定代码

$(document).ready(function() {
    $('.menuitem input:checkbox').change(function(){
        var form = $(this).parents('form');
        $.ajax({
          type:'get',
          url:form.attr('action'),
          data:form.serialize(),
          success:function(msg){
            $('#formcontent').html(msg);
          }
        });

    $('input[type="submit"]').hide();

    $('.menuitem input[type="checkbox"]').change(function() {
        if($(this).is(':checked')) {
            $('div.hidediv').addClass('someclass'); // not needed it there is another way of identifying the div later to add to hidediv class again.
            $('div.hidediv').removeClass('hidediv');
        } else {
            $('div.someclass').addClass('hidediv'); 
        }
    });
});

说明：

form什么都没有在任何地方定义。
如果定义了form并且您form.submit();，则会提交表单（不是您想要的。）
在ajax函数之后你也错过了一个分号。
您还使用了错误的方式获取特定类型的输入

Answer 3

你所在的行：

url: form.submit;,

应该是：

url: form.attr('action'),

所以你最终得到：

    $.ajax({
      type:'get',
      url:form.attr('action'),
      data:form.serialize(),
      success:function(msg){
        $('#formcontent').html(msg);
      }
    })

您可能还想将“type”值更改为form.attr（'method'）以保持一致性。

Jquery帮助创建ajax请求

3 个答案: