Extjs6设置Store、Ajax、form的请求方式(GET、POST)
Extjs6 设置Store、Ajax、form的请求方式(GET、POST)
Ajax请求和Form的submit方法设置请求方式和原来一样,使用method : 'POST'设置
- // 表单提交
- winForm.getForm().submit({
- waitTitle : '提示',// 标题
- waitMsg : '正在提交数据请稍后...',// 提示信息
- url : '../../../dayReportController/add.do',
- method : 'POST',
- params : { // 此处可以添加额外参数
- extraParems : 'extraParems'
- },
- success : function(form, action) {
- /*
- * 第二种方法获取返回值
- var success = action.result.success;
- alert(success);
- */
- var respText = Ext.util.JSON.decode(action.response.responseText)
- if (respText.success == true) {
- Ext.Msg.alert('消息', '保存成功!');
- Ext.getCmp('win').close();// 添加成功后关闭窗口
- Ext.getCmp('menuGrid').getStore().reload(); // 添加成功后重新刷新表格
- } else {
- Ext.Msg.alert('消息', respText.msg);
- }
- },
- failure : function(form, action) {
- Ext.Msg.alert("消息", "操作失败!");
- }
- });
- Ext.Ajax.request({
- method : 'POST',
- url : '../../../dayReportController/deleteMenu.do',
- params : {
- 'id' : id // 要删除记录的id
- },
- success : function(response, config) {
- /*
- // 后台:out.print(1);
- var result = response.responseText;
- if (parseInt(result) == 1) {
- Ext.getCmp('menuGrid').getStore().reload();
- Ext.Msg.alert("提示", '删除成功!');
- } else {
- Ext.Msg.alert('提示', '删除失败!');
- }
- */
- // 后台:out.print({success : true});
- var json = Ext.util.JSON.decode(response.responseText);
- if (json.success == true) {
- Ext.getCmp('menuGrid').getStore().reload();
- Ext.Msg.alert("提示", '删除成功!');
- } else {
- Ext.Msg.alert('提示', '删除失败!');
- }
- },
- failure : function() {
- Ext.Msg.alert('提示', '删除失败!');
- }
- });
Store设置请求方式使用 actionMethods : {
read : 'POST'
}
- var store = Ext.create('Ext.data.Store', {
- // autoLoad : true,
- pageSize : main.gridPageSize,
- fields : ['id', 'text', 'description', 'url', 'leaf'],
- proxy : new Ext.data.HttpProxy({
- type : 'ajax',
- url : '../../../dayReportController/test.do',
- actionMethods : {
- read : 'POST' // Store设置请求的方法,与Ajax请求有区别
- },
- reader : new Ext.data.JsonReader({
- type : 'json',
- rootProperty : 'data',// 数据(不配置的话无法接收数据),返回的key为data
- totalProperty : 'totalRecord'// 记录数(不配置的话无法翻页),返回的key为totalRecord
- })
- })
- });
原文链接:https://blog.csdn.net/diweikang/article/details/48344523
Extjs6设置Store、Ajax、form的请求方式(GET、POST)的更多相关文章
- 设置 Ext.data.Store 传参的请求方式
设置 Ext.data.Store 传参的请求方式 1.extjs 给怎么给panel设背景色 设置bodyStyle:'background:#ffc;padding:10px;', var res ...
- Extjs 项目中常用的小技巧,也许你用得着(5)--设置 Ext.data.Store 传参的请求方式
1.extjs 给怎么给panel设背景色 设置bodyStyle:'background:#ffc;padding:10px;', var resultsPanel = Ext.create('Ex ...
- AJAX中的请求方式以及同步异步的区别
AJAX中的请求方式以及同步异步的区别请求方式,分为GET与POST: GET 最为常见的HTTP请求,普通上网浏览页面就是GET.GET方式的参数请求直接跟在URL后,以问号开始.(JS中用wind ...
- jQuery中的Ajax几种请求方式
1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (M ...
- 利用Ajax改变发送请求方式
由于测试的时候需要模拟Head请求,解决办法:先访问要请求的站点,然后在浏览器的控制台下执行如下代码,请求方式就为参数给的值: var xmlHttp; if (window.ActiveXObjec ...
- ajax的post请求方式
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...
- 【TP3.2 + 其他任何PHP框架】编辑、删除、添加数据,返回原分页 (ajax+form两种方式提交均可以)
1.目的1:在如下的一个页面中,p=2,比如我们删除数据id=13,通过ajax提交{id,p} 这2个参数,就可以了,页面返回json的url参数中原样带上p即可. 2.目的2: 步骤1:在如下页面 ...
- ajax使用jsonp请求方式
/* //简写形式,效果相同 $.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonp ...
- 4种常用的Ajax请求方式
在jQuery中,AJAX常见的请求方式主要有一下4种: 1.$.ajax()返回其创建的 XMLHttpRequest 对象 $.ajax() 只有一个参数:参数key/value对象,包含各配置及 ...
随机推荐
- BZOJ 4802 欧拉函数
4802: 欧拉函数 Description 已知N,求phi(N) Input 正整数N.N<=10^18 Output 输出phi(N) Sample Input 8 Sample Outp ...
- Mat中两种像素遍历方法比较
小白,入门中,不足其指正.刚刚接触opencv,从一个Matlab风格的编程环境突然跳转到C++,实在有些不适.单就pixels scanning花了好长时间研究.opencv-tutorials给出 ...
- 【题解】Tree-String Problem Codeforces 291E AC自动机
Prelude 传送到Codeforces:(/ω\)--- (/ω•\) Solution 很水的一道题. 对查询的串建出来AC自动机,然后树上随便跑跑就行了. 为什么要写这篇题解呢? 我第一眼看到 ...
- css基础--常用css属性01
1 背景相关 背景颜色 background-color = 颜色名称/rgb值/十六进制值 背景图片 background-image = url('') 背景图片平铺方式 backgro ...
- Dockerfile基本语法
Dockerfile的组成 Dockerfile分为四部分: 基础镜像信息 维护者信息 镜像操作指令 容器启动时执行指令 Dockerfile指令说明 FROM 格式为FROM <image&g ...
- EChart介绍和使用
一.简单介绍 Echart是百度研发团队开发的一款报表视图JS插件,功能十分强大,使用内容做简单记录:(EChart下载地址 http://echarts.baidu.com/download.htm ...
- spark-shell启动spark报错
前言 离线安装好CDH.Coudera Manager之后,通过Coudera Manager安装所有自带的应用,包括hdfs.hive.yarn.spark.hbase等应用,过程很是波折,此处就不 ...
- python学习笔记4-内置函数、匿名函数、json处理
print(all([1,2,3,4]))#判断可迭代的对象里面的值是否都为真 print(any([0,1,2,3,4]))#判断可迭代的对象里面的值是否有一个为真 print(bin(10))#十 ...
- Java并发编程原理与实战三十三:同步容器与并发容器
1.什么叫容器? ----->数组,对象,集合等等都是容器. 2.什么叫同步容器? ----->Vector,ArrayList,HashMap等等. 3.在多线程环境下,为什么不 ...
- 部署elasticsearch遇到的问题
为增加搜索功能,最近在自己的服务器上部署elasticsearch,折腾一下,把注意的问题记录一下. 1. 因为最近的es5.5.2要求java1.8,所以确保java版本正确. 2. 我的服务器只 ...