Ext.Ajax.request前后台交互

前台js代码:

Ext.onReady(function() {
   getUserByAjaxPOST();
  });

function getUserByAjaxGET() {


  Ext.Ajax.request({
  url : 'http://localhost:8080/ext/query/json',
  method : 'GET',
  success : function(resp) {
 
  var jsonStr = resp.responseText;
  var user = Ext.JSON.decode(jsonStr);
  Ext.Msg.alert(jsonStr + " " + user.code + " ");
  }
  });

}

function getUserByAjaxPOST() {
 Ext.define("User", {
    extend : 'Ext.data.Model',
    fields : ["code", "name"]
   });
   var u= Ext.create("User",{code:'123456',name:'ciamginqi'});
//  {"phantom":true,"internalId":"ext-record-1",
// "raw":{"code":"123456","name":"ciamginqi"},
// "data":{"code":"123456","name":"ciamginqi"},
// "modified":{},"hasListeners":{},
// "events":{},
// "stores":[],
// "dirty":false,
// "id":"User-ext-record-1"}
  // Ext.Msg.alert(Ext.JSON.encode(u.data));
  Ext.Ajax.request({
  url : 'http://localhost:8080/ext/query/json',
  params:Ext.JSON.encode(u.data),
  method : 'POST',
  success : function(resp) {
   Ext.Msg.alert("===>"+resp.responseText);
  }
  });

}
function getUserByAjax2() {

 Ext.define("User", {
  extend: 'Ext.data.Model',
    fields : ["code", "name"],
    proxy : {
     type : 'ajax',
     url : 'http://localhost:8080/ext/query/json'
    }
   });
 User.load(1, {
    success : function(resp) {
     Ext.Msg.alert(resp.get('code') + " " + resp.get('name'));

    }
   });
}

 

java后台代码:

public class JsonServlet extends HttpServlet {

 /**
  *
  */
 private static final long serialVersionUID = -8748857797390065229L;

 @Override
 protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  User user = new User("1007990", "caimingqin");
  ObjectMapper objectMapper = new ObjectMapper();
 
  String json = objectMapper.writeValueAsString(user);
  resp.getWriter().write(json);

 }

 @Override
 protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  InputStream inputStream = req.getInputStream();
  ObjectMapper objectMapper = new ObjectMapper();
  User readValue = objectMapper.readValue(inputStream, User.class);
  String json = objectMapper.writeValueAsString(readValue);
  resp.getWriter().write(json);
  System.out.println(json);
 }
}

 

 

 

public class User implements Serializable{

 /**
  *
  */
 private static final long serialVersionUID = 3626756747182766596L;
 private String code;
 private String name;
 
 
 public User() {
  super();
 }
 
 public User(String code, String name) {
  super();
  this.code = code;
  this.name = name;
 }


 public String getCode() {
  return code;
 }
 public String getName() {
  return name;
 }
 
 
 
}

 

 

 web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
       http://www.jboss.org/j2ee/schema/web-app_2_5.xsd">


 <servlet>
  <servlet-name>json</servlet-name>
  <servlet-class>com.json.web.JsonServlet</servlet-class>
 </servlet>

 <servlet-mapping>
  <servlet-name>json</servlet-name>
  <url-pattern>/query/json</url-pattern>
 </servlet-mapping>
 


</web-app>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值