extjs实现登录页ajax请求的代码
时间: 2023-03-28 18:02:58 浏览: 75
以下是 extjs 实现登录页 ajax 请求的代码示例:
```
Ext.Ajax.request({
url: 'login.php',
method: 'POST',
params: {
username: 'myusername',
password: 'mypassword'
},
success: function(response){
var text = response.responseText;
// process server response here
},
failure: function(response){
var text = response.responseText;
// process server response here
}
});
```
以上代码中,我们使用 Ext.Ajax.request 方法来发送一个 POST 请求到 login.php 页面,同时传递了用户名和密码参数。在请求成功或失败后,我们可以通过 success 和 failure 回调函数来处理服务器返回的响应数据。
相关问题
ExtJs combobox 绑定ajax请求的数据
可以通过以下步骤来绑定 ExtJs 的 ComboBox 组件到 AJAX 请求的数据:
1. 创建一个 Store 来保存请求的数据
```
var store = Ext.create('Ext.data.Store', {
fields: ['value', 'text'],
proxy: {
type: 'ajax',
url: 'your_ajax_url',
reader: {
type: 'json',
rootProperty: 'data'
}
}
});
```
2. 创建 ComboBox 组件并绑定 Store
```
var comboBox = Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Select',
displayField: 'text',
valueField: 'value',
store: store,
queryMode: 'remote',
forceSelection: true,
typeAhead: true,
selectOnFocus: true,
editable: false
});
```
3. 发送 AJAX 请求并加载数据到 Store
```
store.load();
```
在上面的代码中,`url` 属性应该指向返回 JSON 格式数据的 AJAX 请求的地址。`rootProperty` 属性应该对应 JSON 数据中的数组名称。ComboBox 组件的 `displayField` 和 `valueField` 分别对应 JSON 数据项的文本和值字段。
希望这个例子能够帮助你绑定 ExtJs ComboBox 组件到 AJAX 请求的数据。
Extjs combobox 下拉触发绑定ajax请求store
在 ExtJS 中,可以通过 `Ext.form.field.ComboBox` 组件实现下拉触发绑定 Ajax 请求的 `Ext.data.Store`。下面是一个示例代码:
```
// 创建 Store
var store = Ext.create('Ext.data.Store', {
fields: ['id', 'name'],
proxy: {
type: 'ajax',
url: 'data.json',
reader: {
type: 'json',
rootProperty: 'items'
}
}
});
// 创建 ComboBox
var combo = Ext.create('Ext.form.field.ComboBox', {
fieldLabel: 'Select a name',
store: store,
queryMode: 'remote',
displayField: 'name',
valueField: 'id',
triggerAction: 'query',
minChars: 2
});
// 渲染 ComboBox
Ext.create('Ext.form.Panel', {
renderTo: Ext.getBody(),
items: combo
});
```
在上面的示例中,我们首先创建了一个 `Ext.data.Store`,用于远程加载数据。然后,创建了一个 `Ext.form.field.ComboBox`,并将 `store` 属性设置为刚刚创建的 `store`,表示 ComboBox 组件的数据来源为该 `store`。同时,将 `queryMode` 属性设置为 `'remote'`,表示数据查询方式为远程加载。在用户输入超过 `minChars` 指定的字符后,会触发数据的远程加载,并将加载的数据填充到 ComboBox 中。最后,将 ComboBox 渲染到页面中。
需要注意的是,上述示例中的 `url` 属性值为 `'data.json'`,这是一个本地文件的相对路径,实际应用中需要根据具体情况设置为远程数据源的 URL。