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. BZOJ2530 [Poi2011]Party 【贪心】

    题目链接 BZOJ2530 题解 如果我们删去一对不连边的仍然存在的点的话,这对点肯定不同时在那个\(\frac{2}{3}n\)的团中,也就是说,每次删点至少删掉一个外点,至多删掉一个内点 那么我们 ...

  2. 【bzoj3730】 震波

    http://www.lydsy.com/JudgeOnline/problem.php?id=3730 (题目链接) 题意 给出一棵树,每个节点又一个权值.两个操作,询问距离节点${x}$不超过${ ...

  3. Git 常用操作(二)

    第一次传数据:echo "# miya" >> README.mdgit initgit add README.mdgit commit -m "first ...

  4. bzoj 4568: [Scoi2016]幸运数字

    4568: [Scoi2016]幸运数字 Time Limit: 60 Sec  Memory Limit: 256 MBSubmit: 848  Solved: 336[Submit][Status ...

  5. POI导入excel文件2

    POI上传到服务器读取excel文件1中已经介绍了上传文件和导入excel所有的内容http://www.cnblogs.com/fxwl/p/5896893.html , 本文中只是单单读取本地文件 ...

  6. 网络中,FIFO、LRU、OPT这三种置换算法的缺页次数

    FIFO.LRU.OPT这三种置换算法的缺页次数 转载  由于要考计算机四级网络,这里遇到了问题,就搜了一些资料来解疑. 考虑下述页面走向: 1,2,3,4,2,1,5,6,2,1,2,3,7,6,3 ...

  7. python学习(20) 网络编程

    原文链接:http://www.limerence2017.com/2018/01/02/python20/ python 网络编程和基本的C语言编程一样,效率不是很高,如果为了封装通信库建议采用C/ ...

  8. 转:UIView之userInteractionEnabled属性介绍

    属性作用 该属性值为布尔类型,如属性本身的名称所释,该属性决定UIView是否接受并响应用户的交互. 当值设置为NO后,UIView会忽略那些原本应该发生在其自身的诸如touch和keyboard等用 ...

  9. VS2010(32bit) + WIN7(64bit) 编译出不同平台程序版本

    一.X86,即一般普通PC上跑的程序版本,不用修改工程属性 二.X64 1.设置工程平台---会在工程目录下生成  X64 文件夹 在工具栏--->生成--->配置管理器 窗口 设置“活动 ...

  10. Kafka 0.8 Consumer处理逻辑

    0.前言 客户端用法: kafka.javaapi.consumer.ConsumerConnector consumer = kafka.consumer.Consumer.createJavaCo ...