Ext.data.Connection

 Ext.data.Connection主要用于在Ext.data.HttpProxy和Ext.data.ScriptTagProxy中执行与后台交互的任务,它会从指定的URL获得数据,并把后台返回的数据交给HttpProxy或ScriptTagProxy处理,Ext.data.Connection的使用方式如下面例子。

 

    例:

Ext_Info1.aspx中的CS文件:

    protected void Page_Load(object sender, EventArgs e)
    {
        string name = Request.QueryString["name"].ToString();
        string password = Request.QueryString["password"].ToString();

        Response.Write("输出的是:"+name+"||"+password);
    }

 

JS文件为:

        Ext.onReady(function() {
       
            //数据连接
            var conn =new Ext.data.Connection({
                autoAbort: false,
                disableCaching: false,
                extraParams: { name: "姓名", password: "密码" },
                method: "GET",
                timout: 300,
                url: 'Ext_Info1.aspx'

            });


            //发送请求
            conn.request({
            success: function(response) { Ext.MessageBox.alert("info", response.responseText) },
            failure: function() { Ext.MessageBox.alert("连接失败"); }

            });

        });

 

其中request参数为:

autoAbort表示链接是否会自动断开

default- Headers参数表示请求的默认首部信息

disableCaching参数表示请求是否会禁用缓存

extraParams参数代表请求的额外参数

method参数表示请求方法

timeout参数表示连接的超时时间

url参数表示请求访问的网址

 

 

其中Ext.data.Connection参数为:

url:String:请求url

params:Object/String/Function:请求传递的参数

method:String:请求方法,通常为GET或POST

callback:Function:请求完成后的回调函数,无论是成功还是失败,都会执行

success:Function:请求成功时的回调函数

failure:Function:请求失败时的回调函数

scope:Object:回调函数的作用域

form:Object/String:绑定的form表单

isUpload:Boolean:是否执行文件上传

headers:Object:请求首部信息

xmlData:Object:XML文档对象,可以通过URL附加参数的方式发起请求

disableCaching:Boolean:是否禁用缓存,默认为禁用

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用Ext JS6获取数据库中的数据,需要使用后端技术来连接数据库并提供数据API。常见的后端技术包括Java、PHP、Node.js等。以下是一个使用Node.js和Express框架来提供数据API的示例: 1. 安装Node.js和Express框架 2. 创建一个Express应用程序 ``` mkdir myapp cd myapp npm init npm install express --save ``` 3. 创建一个数据API ``` const express = require('express') const mysql = require('mysql') const app = express() // 创建数据库连接 const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: 'mypassword', database: 'mydatabase' }) // 查询数据 app.get('/data', (req, res) => { connection.query('SELECT * FROM mytable', (error, results, fields) => { if (error) throw error res.json(results) }) }) // 启动应用程序 app.listen(3000, () => { console.log('Server is running on port 3000') }) ``` 4. 在Ext JS中使用数据API ``` Ext.define('MyApp.model.MyModel', { extend: 'Ext.data.Model', fields: [ { name: 'id', type: 'int' }, { name: 'name', type: 'string' } ] }) Ext.define('MyApp.store.MyStore', { extend: 'Ext.data.Store', model: 'MyApp.model.MyModel', proxy: { type: 'ajax', url: '/data', reader: { type: 'json', rootProperty: 'data' } } }) Ext.create('MyApp.store.MyStore', { autoLoad: true, listeners: { load: function(store, records, success) { if (success) { console.log(records) } } } }) ``` 上述代码使用Ext.data.Store来加载数据,并在加载完成后打印数据记录到控制台。在实际应用中,可以使用Ext JS的组件来展示数据,如grid、chart等。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值