ajaxSubmit()方法代码示例 1
$(function(){ var options = { type: 'POST', url: '提交路径', success:showResponse, dataType: 'json', error : function(xhr, status, err) { alert("操作失败"); } }; $("##Form名称").submit(function(){ $(this).ajaxSubmit(options); return false; //防止表单自动提交 }); }); /** * 保存操作 */ function toSave(){ $("#Form名称").submit(); } /** * 保存后,执行回调 * @param responseText * @param statusText * @param xhr * @param $form */ function showResponse(responseText, statusText, xhr, $form){ if(responseText.status == "0"){ /** * 请求成功后的操作 */ alert(responseText.msg); } else { alert(responseText.msg); } }
这个回调函数有三个参数,formData是数组对象,jqForm是一个JQuery对象,它封装了表单的元素,options参数就是options对象。在这个回调函数中,只要不返回false,表单都将被允许提交;如果返回false,则会阻止表单提交。
success是提交后的回调函数,有4个参数responseText,statusText,xhr,和$form。其中,比较常用的是前两个。statusText只是一个返回状态,例如success,error等。responseText携带着服务器返回的数据内容,它会根据设置的options对象中的dataType属性来返回相应格式的内容。
ajaxSubmit()方法代码示例 2
$('#intput_img').change(function(){ $('#formid').ajaxSubmit({ dataType: 'json', type: 'POST', success: function(r) { alert('success'); }, error:function(){ alert('error'); } }); return false; // 注意此处,如果不写此返回的话,页面就不是异步提交的 ! });