ExtJS发送POST请求 参数格式为JSON

最新推荐文章于 2021-08-06 14:35:21 发布
最新推荐文章于 2021-08-06 14:35:21 发布
阅读量5.5k 收藏 1
点赞数
分类专栏： JavaScript 文章标签： extjs javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rywaqpf/article/details/50340911
版权
这篇博客讲述了如何在ExtJS中通过自定义代理proxy实现POST请求，并以JSON格式传递参数。作者偏好使用POST请求，因为这样可以将所有参数映射到后台的Map，再转化为JSON对象，利用fastjson库智能转换数据类型。文中提供了一个方便的解决方案，通过设置proxy的type为jsonajax来轻松完成这一操作。
摘要由CSDN通过智能技术生成

背景

    这要从我比较懒说起。技术框架ExtJS + resteasy，默认请求方式是ajax get，这后台方法就要写很多@QueryParam来获取参数。我比较喜欢前台用ajax post请求，后台方法参数就是一个map，所有前台参数映射成map的key-value，然后将map --> json（com.alibaba.fastjson） --> pojo对象。

    这里不得不赞一下fastjson转化数据类型很智能，诸如integer、date类型基本不需要自定义方法就完美转换。

例子

    通过google找到一种很方便的解决方案，自定义用代理proxy来实现发送POST请求，并指定参数类型为json。

  
  
  
    
   
  1. Ext.define('Ext.ux.data.proxy.JsonAjaxProxy', {
      
    2. 
   
  2. 	extend:'Ext.data.proxy.Ajax',
    3. 
   
  3. 	alias:'proxy.jsonajax',
    4. 
   
    5.
最低0.47元/天 解锁文章
飞起航
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Extjs ajax同步请求时post方式参数发送方式
10-29
本文将主要探讨Extjs框架下实现Ajax同步POST请求时参数的发送方式。 首先，了解Extjs框架中的Ajax请求机制是非常重要的。Extjs提供了一个便捷的Ajax调用方式，通过Ext.Ajax.request方法，开发者可以非常方便地发起...
extjs Post方法提交json格式的数据到php
gtchenxw的专栏
03-17 5363
最近在做extjs4的gridpanel自动进行数据的curd,但是在做到C(添加）的时候，发现把数据以json格式Post方式提交给php的时候用 php中用$_post,$_REQUEST都得不到，用firedebug看到的请求信息确实是把JSON数据post给了PHP. 在网上找了一下午，终于发现问题了 原来PHP默认只识别application/x-www.form-urlencod
extjs ajax方式前后台数据传送(json格式
海子技术专区
09-20 613
extjs用ajax传送数据的方法有post(用普通的表单或用json格式),get(用params). 在回传的时候用json(推荐方法) ,需要注意的是服务器必须要返回json格式,并且必须要设置success的值,当然你不这样也能,但是这种方式应该是官方提倡的方式. 这里主要总结json数据服务器回传的方法. 在api总指出回传的格式{success;true,d...
如何把Ext.data.store里的数据一次性用JSON传给后台(添加了后台解析部分)
sss
10-12 180
前台部分很简单： 首先定义一个数组，用来储存STORE里的值。 之后利用store自带的each遍历方法把数组填满。 最后建一个ajax请求传送到后台即可。 var lstAddRecord=new Array(); store.each(function(record) {       lstAddRecord.push(record.data); }); Ext.Aja...
Extjs Ajax POST
Cabinathor的专栏
09-27 975
Ext.Ajax.request({ url : 'rest/dossierDrivers/resetEvent', method:'POST',         params:{         eventID : key ,                     status : newValue         },         success:funct
extjs_php向后台提交json_post的接收方法实例
09-05
这里，`params`对象中的`data`键值对包含了要发送的JSON数据，`Ext.encode`函数负责将其转换为JSON格式。 在PHP端，由于JSON数据是作为字符串提交的，因此我们不能简单地通过`$_POST['data']`来获取。我们需要使用`...
Extjs4的FormPanel从后台load json数据的要点
11-08
这个方法接收一个配置对象作为参数，该对象通常包括URL、请求类型（GET或POST）、成功回调函数和失败回调函数等属性。当后端服务器返回JSON数据时，这些数据会被解析并自动填充到表单字段中。 #### 2.2 配置`form....
extjs proxy post
左直拳的马桶_日用桶
10-21 1341
extJs store的proxy，里面的read方式，默认是”get”方式。也就是说，用extjs向后台请求数据，默认是”get”方式，有关参数，要附在请求URL后面。这毕竟不方便，尤其是参数比较多的情况。能不能用post的方式呢？“可以的”，西蒙说。上代码：//列表1 var HyStore = new Ext.data.Store({ autoDestroy: true, pageSi
Extjs中三种不同的数据提交方式
GoodShot的专栏
06-06 9815
Extjs中三种不同的数据提交方式   Extjs的三种提交方式： 表单Ajax提交，普通提交，单独Ajax提交； 1.表单ajax提交（默认提交方式） 提交函数：当按下表单中的提交按钮时执行下面的btn函数，按照表单的name进行提交。提交数据后根据后台的返回值不同来回调success或者failure函数（和单独ajax的提交不同），后台返回值的形式： 【如果返
ExtJS POST请求客户端服务端案例
Inner peace
11-10 324
客户端GUI端示例 [code="javascript"]var positionIDList = [1,2,3,4]; Ext.Ajax.request({ method: 'POST', url: 'services/test', jsonData: { 'positionIDList':positionIDList, 'date':'201...
Ext.Ajax.request:post请求传输json数据与后台@RequestBody接收
qq_37280454的博客
09-26 2203
//前端请求代码 var paraMap = { name:'chenaqiang', sex:'man' } Ext.Ajax.request( { url : ‘url’， method : 'post', dataType:'json', headers: {'Content-Type'...
ExtJS中的Store操作（如何引用已生成的JSON数据）
angelbill3的专栏
06-13 945
前言，常规的ExtJS的Store，在new一个Store控件的时候，加上proxy属性，指向URL，在URL里返回特定格式的JSON数据即可。 即： [code="java"] var store = new Ext.data.Store({ // 获取数据的方式 proxy : new Ext.data.HttpProxy({ url : 'car...
extjs的store使用post提交
xx1231的专栏
05-26 1646
本人是在extjs6.2下进行操作的        var myStore = Ext.create("App.store.MyStore", {            model: "Ext.data.TreeModel",            proxy: {                type: "ajax",                actionMethods: {      ...
extjs ajax死活传不过值,EXTJS Post 传值
weixin_42279592的博客
08-06 344
用的是Extjs4的MVC方式，store里面的定义如下：Ext.define('EITruck.store.User', {extend: 'Ext.data.Store',requires: 'EITruck.model.User',model: 'EITruck.model.User',pageSize:15,proxy: {type: 'ajax',// url: '/AjaxUserSe...
extjs前台请求json数据，并解析
liuyangan2008的专栏
01-27 792
jsonStore的请求数据中包含root的json格式。 var defineIdStore = new Ext.data.JsonStore({     url : this.rootPathS       + "/busi/templateCfg_getDefineNameData.do", //请求连接     root : 'root',//json的头//json字符串的根值
http post请求
xieyuemin的专栏
04-12 645
package com.http.https; import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; import java.io.ObjectOutputStream; import java.io.OutputStream; import java.net.Ht
Ext Js入门第10篇-使用Ext.container.Viewpost整体布局
qq_29258777的博客
05-26 341
Ext.container.Viewport是一款非常常用的布局容器，它会自动把自己输出到HTMl页面，而且在页面的上中下左右中5个布局 Ext.onReady(function() { //创建一个TreeStore，TreeStore负责为Tree提供数据 var store=Ext.create('Ext.data.TreeStore',
ExtJS4.0入门：组件配置与JSON介绍
JSON是一种数据交换格式，源于JavaScript，但独立于语言，用于数据传输。其轻量级、结构化的特性使得它在与服务器交互时更为高效。JSON对象以大括号 `{}` 开始和结束，属性由冒号 `:` 分割，各属性之间用逗号 `,` 隔...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值