Question

$(document).ready(function() {
    var options = {
        target: '#output1', // target element(s) to be updated with server response 
        beforeSubmit: showRequest, // pre-submit callback 
        success: showResponse // post-submit callback
    };

    $('#myForm1').ajaxForm(options);
});

function showRequest(formData, jqForm, options) {
    var queryString = $.param(formData);
    alert('About to submit: \n\n' + queryString);
    return true;
}

function showResponse(responseText, statusText) {
    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
        '\n\nThe output div should have already been updated with the responseText.');
}

在上面的程序中，选项参数传递了什么？我使用http://jquery.malsup.com/

Answer 1

你的问题是什么？

请详细说明。

来自jQuery Form Plugin API Documentation：

给ajaxForm

准备一份表格   通过添加全部的AJAX提交   必要的事件听众。确实如此   不提交表格。使用ajaxForm   你的文件准备就绪的功能   为AJAX准备表格   提交。 ajaxForm 取零或一个   参数即可。单个参数可以是   回调函数或   选项对象。可连环：是的。

注意：您可以通过任何标准   ajaxForm的$ .ajax选项

Answer 2

target - [#outout1]是您要重新加载的Div。

beforSubmit - 重新加载前要执行的操作

成功 - 重新加载后要执行的操作

Answer 3

使用三个参数调用'beforeSubmit'回调：数组格式的表单数据，表单的jQuery对象，以及传递给ajaxForm / ajaxSubmit的Options对象。

http://jquery.malsup.com/form/#options-object

ajaxForm（选项）应该传递给选项的是什么？

3 个答案: