将Prototype Ajax调用转换为jQuery（添加表单参数和加载函数）

Question

我试图将提交调用中的这个转换为jquery中的相同调用

onsubmit = "new Ajax.Updater('graph','/test/add', {asynchronous: true, evalScripts: true,
    onLoading:function(request){document.getElementById('load').style.display='block'}, parameters:Form.serialize(this)});

到目前为止，我有这个功能：

$("form").submit(function(e){
 $.ajax({
    url: '/saffron_main/click_out_display',
    success: function (data) {
        $('#graph').html(data);
    }
});

});

但是，我无法复制两项功能。

1. parameters:Form.serialize(this)
2. onLoading:function(request){document.getElementById('load').style.display='block'}

Answer 1

$("form").submit(function(e){

 $.ajax({
    url: '/saffron_main/click_out_display',
    data: $(this).serialize(),
    success: function (data) {
        $('#graph').html(data);
        $("#load").css("display","block");
    }
});

});

这应符合您的需求。如果有任何不清楚的地方，请不要犹豫。