Extjs6 设置Store、Ajax、form的请求方式(GET、POST)

Ajax请求和Form的submit方法设置请求方式和原来一样,使用method : 'POST'设置

  1. // 表单提交
  2. winForm.getForm().submit({
  3. waitTitle : '提示',// 标题
  4. waitMsg : '正在提交数据请稍后...',// 提示信息
  5. url : '../../../dayReportController/add.do',
  6. method : 'POST',
  7. params : { // 此处可以添加额外参数
  8. extraParems : 'extraParems'
  9. },
  10. success : function(form, action) {
  11. /*
  12. * 第二种方法获取返回值
  13. var success = action.result.success;
  14. alert(success);
  15. */
  16. var respText = Ext.util.JSON.decode(action.response.responseText)
  17. if (respText.success == true) {
  18. Ext.Msg.alert('消息', '保存成功!');
  19. Ext.getCmp('win').close();// 添加成功后关闭窗口
  20. Ext.getCmp('menuGrid').getStore().reload(); // 添加成功后重新刷新表格
  21. } else {
  22. Ext.Msg.alert('消息', respText.msg);
  23. }
  24. },
  25. failure : function(form, action) {
  26. Ext.Msg.alert("消息", "操作失败!");
  27. }
  28. });
  1. Ext.Ajax.request({
  2. method : 'POST',
  3. url : '../../../dayReportController/deleteMenu.do',
  4. params : {
  5. 'id' : id // 要删除记录的id
  6. },
  7. success : function(response, config) {
  8. /*
  9. // 后台:out.print(1);
  10. var result = response.responseText;
  11. if (parseInt(result) == 1) {
  12. Ext.getCmp('menuGrid').getStore().reload();
  13. Ext.Msg.alert("提示", '删除成功!');
  14. } else {
  15. Ext.Msg.alert('提示', '删除失败!');
  16. }
  17. */
  18. // 后台:out.print({success : true});
  19. var json = Ext.util.JSON.decode(response.responseText);
  20. if (json.success == true) {
  21. Ext.getCmp('menuGrid').getStore().reload();
  22. Ext.Msg.alert("提示", '删除成功!');
  23. } else {
  24. Ext.Msg.alert('提示', '删除失败!');
  25. }
  26. },
  27. failure : function() {
  28. Ext.Msg.alert('提示', '删除失败!');
  29. }
  30. });

Store设置请求方式使用   actionMethods : {

read : 'POST'

}

  1. var store = Ext.create('Ext.data.Store', {
  2. // autoLoad : true,
  3. pageSize : main.gridPageSize,
  4. fields : ['id', 'text', 'description', 'url', 'leaf'],
  5. proxy : new Ext.data.HttpProxy({
  6. type : 'ajax',
  7. url : '../../../dayReportController/test.do',
  8. actionMethods : {
  9. read : 'POST' // Store设置请求的方法,与Ajax请求有区别
  10. },
  11. reader : new Ext.data.JsonReader({
  12. type : 'json',
  13. rootProperty : 'data',// 数据(不配置的话无法接收数据),返回的key为data
  14. totalProperty : 'totalRecord'// 记录数(不配置的话无法翻页),返回的key为totalRecord
  15. })
  16. })
  17. });

原文链接:https://blog.csdn.net/diweikang/article/details/48344523

Extjs6设置Store、Ajax、form的请求方式(GET、POST)的更多相关文章

  1. 设置 Ext.data.Store 传参的请求方式

    设置 Ext.data.Store 传参的请求方式 1.extjs 给怎么给panel设背景色 设置bodyStyle:'background:#ffc;padding:10px;', var res ...

  2. Extjs 项目中常用的小技巧,也许你用得着(5)--设置 Ext.data.Store 传参的请求方式

    1.extjs 给怎么给panel设背景色 设置bodyStyle:'background:#ffc;padding:10px;', var resultsPanel = Ext.create('Ex ...

  3. AJAX中的请求方式以及同步异步的区别

    AJAX中的请求方式以及同步异步的区别请求方式,分为GET与POST: GET 最为常见的HTTP请求,普通上网浏览页面就是GET.GET方式的参数请求直接跟在URL后,以问号开始.(JS中用wind ...

  4. jQuery中的Ajax几种请求方式

    1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (M ...

  5. 利用Ajax改变发送请求方式

    由于测试的时候需要模拟Head请求,解决办法:先访问要请求的站点,然后在浏览器的控制台下执行如下代码,请求方式就为参数给的值: var xmlHttp; if (window.ActiveXObjec ...

  6. ajax的post请求方式

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

  7. 【TP3.2 + 其他任何PHP框架】编辑、删除、添加数据,返回原分页 (ajax+form两种方式提交均可以)

    1.目的1:在如下的一个页面中,p=2,比如我们删除数据id=13,通过ajax提交{id,p} 这2个参数,就可以了,页面返回json的url参数中原样带上p即可. 2.目的2: 步骤1:在如下页面 ...

  8. ajax使用jsonp请求方式

    /* //简写形式,效果相同 $.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonp ...

  9. 4种常用的Ajax请求方式

    在jQuery中,AJAX常见的请求方式主要有一下4种: 1.$.ajax()返回其创建的 XMLHttpRequest 对象 $.ajax() 只有一个参数:参数key/value对象,包含各配置及 ...

随机推荐

  1. loj2540 「PKUWC2018」随机算法 【状压dp】

    题目链接 loj2540 题解 有一个朴素三进制状压\(dp\),考虑当前点三种状态:没考虑过,被选入集合,被排除 就有了\(O(n3^{n})\)的转移 但这样不优,我们考虑优化状态 设\(f[i] ...

  2. 2018java面试集合

    作者:刘成链接:https://www.zhihu.com/question/266822548/answer/317700943来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注 ...

  3. Selenium--使用参考

    Selenium--浏览器上的按键精灵 Selenium是一个Web的自动化测试工具,最初是为网站自动化测试而开发的,类型像我们玩游戏用的按键精灵,可以按指定的命令自动操作,不同是Selenium 可 ...

  4. GC的时机

    说到JVM,GC(垃圾回收)是非常重要的机制. 那么首先的问题是: GC在什么时候会发生? GC的触发包括两种情况:1.程序调用System.gc()的时候.2.系统自身决定是否需要GC. 系统进行G ...

  5. JVM体系结构和工作方式

            JVM能够跨计算机体系结构来执行Java字节码,主要是由于JVM屏蔽了与各个计算机平台相关的软件或者是硬件之间的差异,使得与平台相关的耦合统一由JVM提供者来实现.   何为JVM   ...

  6. Cookie 基本操作

    Cookie 基本操作 对于 Cookie 得常用操作有,存取,读取,以及设置有效期:具体可以参照 JavaScript 操作 Cookie 一文:但,近期在前端编码方面,皆以Vue为冲锋利器,所以就 ...

  7. IOS的__bridge

    使用 __bridge 关键字来实现id类型与void*类型的相互转换.看下面的例子. id obj = [[NSObject alloc] init]; void *p = (__bridge vo ...

  8. 正则表达式 grep文本查询 sed流处理 应用

    一.正则表达: ^:以什么什么开头,^a:以a字符开头 $:以什么什么结尾,b$:以b字符结尾 *:左边字符0-无穷个 +:左边字符1-无穷个 .:代表单字符 ?:前导字符为零个或1个 {n}:左面字 ...

  9. HDU 4500 小Q系列故事——屌丝的逆袭

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4500 解题报告:简单题,数据范围不大,直接暴力每个点,然后再比较出得分最大的点的位置和分数. #inc ...

  10. HDU 1715 大斐波数 加法高精度

    解题报告:求 斐波那契数,不过这题的n的范围是1000,肯定是早就超过了的,所以要用到高精度,所以这题其实就是一个加法高精度的题. 我的做法 是写一个大数相加的函数,然后打表就是了,这里注意的就是每次 ...