extjs与后端的交互的简单介绍

发布时间:2022-11-23

本文目录一览:

  1. 刚学Extjs 请教怎么用Extjs与Java后台交互,,比如简单的登录
  2. 关于Extjs的前后台传输
  3. EXTJS怎么与后台数据交互的?我写了一些代码,后台用的SSH写的。
  4. extJs 中grid里面有proxy,proxy中,怎么获取从后台读取出来的数据?

刚学Extjs 请教怎么用Extjs与Java后台交互,,比如简单的登录

简单叙述:

  1. extjs编写前台界面 ,同时向逻辑层发出请求(formpanel.form.doAction或者Ajax),比如:
Ext.Ajax.request({
    url: 'logic_user.jsp',
    method: 'post',
    params: { type: 'VIEW', id: editid }, //传递id参数
    success: successFn,
    failure: function() {
        alert('服务器出现错误请稍后再试!');
    }
});
  1. 逻辑层接受前台传来的参数,然后调用java方法,与数据库交互。
  2. 编写java程序,实现与数据库交互所需功能。

关于Extjs的前后台传输

简单说下:

  1. Ext.getCmp("id").getValue(); 等方法获得当前界面中你想传递到后台的值;
  2. formpanel.form.doAction('submit', {
url: 'logic.jsp',
method: 'post',
params: { type: 'QUERY', id: id }, //把需传到后台的数据放在这里。
success: function(form, action) {
    if (action.result.msg == 'ok') {
        alert('已完成');
    }
},
failure: function(form, action) {
    alert("提示:'服务器出现错误请稍后再试!");
}
});

或者 Ext.Ajax.request() 方法传递(效果是一样的) 3. 在 logic.jsp 文件里,接受从前台传递的数据(hashmap.put("id", request.getParameter("id"))

//hashmap,可以将数据以值对的形式放在hashmap中。
  1. logic.jsp 文件中调用java方法,与数据库交互。
  2. method.java(就是自己写的一个java文件)中写在 logic.jsp 文件中调用的java方法。

EXTJS怎么与后台数据交互的?我写了一些代码,后台用的SSH写的。

指定到 jsp,那个jsp 里肯定有默认的请求发送。这种写法不是很普遍。最普遍的是 URL 直接写入要访问的服务器地址以及具体相对路径。 这个要后台是GET 还是 POST,查询一般是 GET。

form.getForm().submit({
    url: .......,
    waitMsg: '加载中....',
    params: {
        method: 'login'
    },
    success: function(form, action) {
        //如果返回true则
        Ext.MessageBox.alert("info", "登录成功!")
    },
    failure: function(form, action) {
        Ext.MessageBox.alert("info", "登录失败!")
    }
});

形式差不多就是这样的。

extJs 中grid里面有proxy,proxy中,怎么获取从后台读取出来的数据?

获取后台数据的话你可以考虑用 jsonstore 来跟后台进行交互的,然后 grid 里边有一个 store 来指定 jsonstore,我觉得会比 proxy 要好用吧。