表单提交（submit）和Ajax提交

最新推荐文章于 2024-01-10 18:02:22 发布

原创最新推荐文章于 2024-01-10 18:02:22 发布 · 659 阅读

0 ·

CC 4.0 BY-SA版权

javaScript 专栏收录该内容

10 篇文章

订阅专栏

本文对比分析了JavaScript中的submit方法和Ajax请求在处理表单提交时的异同，重点阐述了如何通过设置回调函数来处理success和failure情况，并通过实例展示了在实际应用中的操作方式。

submit：返回的"success"字段为true，走success函数体，为false，走failure函数体

intfForm.getForm().submit({
	success: function(form,action) {
		Ext.MessageBox.alert("提示","返回的success字段为true");
        },
        failure: function(form,action) {
	        Ext.MessageBox.alert("提示","返回的success字段为false");
        },
        scope: this
});

Ajax：只要可以返回信息，也就是说只要程序没报错，就走success函数体，不论返回的"success"字段是true还是false，只是在success函数体里面进一步判断。如果后台出现异常了，导致Ajax请求并没能得到正常的返回，就走failure函数体

Ext.Ajax.request({
                url : 'xxx',
                params : {ids : aList},
                success : function(resp) {
                    var respText = Ext.util.JSON.decode(resp.responseText);
                    Ext.MessageBox.alert('提示', "返回的数据正常");
                   if(respText.success)    Ext.MessageBox.alert('提示', "返回的success字段为true");
					else  Ext.MessageBox.alert('提示', "返回的success字段为true");
                },
                failure : function(resp){
                	Ext.MessageBox.alert('提示', ""异常出现");
                },
                scope: this
            });