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

Translating Prototype Ajax call into jQuery (adding form parameters and loading function)

本文关键字：参数 表单 加载 函数 添加 Ajax Prototype 调用 转换 jQuery      更新时间：2023-09-26

我正在尝试将这个提交调用转换为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'} 
$("form").submit(function(e){
 $.ajax({
    url: '/saffron_main/click_out_display',
    data: $(this).serialize(),
    success: function (data) {
        $('#graph').html(data);
        $("#load").css("display","block");
    }
});
});

那应该符合你的需要。如果有什么不清楚的地方，请毫不犹豫地问。

相关文章：