Ext 给后台提交数据,提交数据有三种方法,注意使用前两种,我也是只用全两种
(第一种):使用 Form 的父类 basicForm 的submit(Object option )方法,
这个方法的使用要求:
myFormPanel.getForm().submit({
clientValidation: true,
url: 'updateConsignment.php',
params: {
newStatus: 'delivered'
},
success: function(form, action) {
Ext.Msg.alert('Success', action.result.msg);
},
failure: function(form, action) {
switch (action.failureType) {
case Ext.form.Action.CLIENT_INVALID:
Ext.Msg.alert('Failure', 'Form fields may not be submitted with invalid values');
break;
case Ext.form.Action.CONNECT_FAILURE:
Ext.Msg.alert('Failure', 'Ajax communication failed');
break;
case Ext.form.Action.SERVER_INVALID:
Ext.Msg.alert('Failure', action.result.msg);
}
}
});
参数介绍: url :提交的 web 页面路径
params: 需要传递给后台页面的参数,如果没有参数,可以省略
success: 数据处理成功后执行的操作
failure : 数据处理失败后执行的操作,
我的程序例子:
var baseForm = companyFormPaenl.getForm();
if (baseForm.isValid()) {
//弹出效果
Ext.MessageBox.show({
msg: '正在保存,请稍等...',
progressText: 'Saving...',
width: 300,
wait: true,
waitConfig: { interval: 200 }
});
baseForm.submit({
url: "URL/CompanyInfo/SaveCompanyInfo.aspx",
method: "POST",
success: function(form, action) {
var flag = action.result.success;
if (flag == true) {
Ext.MessageBox.alert("恭喜", "公司保存成功!");
}
},
failure: function(form, action) {
Ext.MessageBox.alert("提示!", "公司保存失败!");
}
});
}
(第二种方式):使用 Ext.Ajax.request(Object option )提交数据
这个方法的使用要求:
Ext.Ajax.request({
url: 'ajax_demo/sample.json',
success: function(response, opts) {
var obj = Ext.decode(response.responseText); console.dir(obj);
},
failure: function(response, opts) {
console.log('server-side failurewith status code ' + response.status); }
});
参数介绍:
url: 发送的URL
params: 一个包含属性的对象,他被用作请求的参数
method: Http 请求的方式,GET 或者 POST
callback: 一个自定义的回调函数
success:function(response,options),当请求成功时调用的方法
failure:function(response,options) ,当请求失败是调用的方法,
(其他参数: Scope ,timeout ,form ,isUpload)参数很少用
我的程序代码:
Ext.Ajax.request({
url: "URL/CompanyInfo/DeleteCompanyInfo.aspx",
method: "POST",
params: { id: Ext.get("hidCompanyId").dom.value },
success: function(response, options) {
var jsonObj = Ext.decode(response.responseText);
if (jsonObj.success == true) {
}
Ext.Msg.alert("提示", jsonObj.msg);
},
failure: function(response, options) {
Ext.Msg.alert("提示", "删除失败");
}
});
(第三种方法:)将方法加载路径后面: