JSON 存储的 AJAX 请求参数。 ExtJS答案

【问题标题】：AJAX request parameters for JSON store. ExtJSJSON 存储的 AJAX 请求参数。 ExtJS
【发布时间】：2012-07-19 18:23:42
【问题描述】：

我想将一些参数串到一个地址中，以便我可以在浏览器中查看 AJAX 请求...我想这就是我的意思，尽管我不太喜欢谈论 AJAX。我只是一个新手前端Web应用程序程序员。

首先，我有一个带有组合框的 ExtJS 应用程序。据我所知，它由 JSON 文件中的项目填充。这是应用程序代码sn-p：

                items: [{
                xtype : 'combobox',
                queryMode : 'remote',
                fieldLabel: 'twittersearch',
                typeAhead : true,
                allowBlank : applicationtype === 'relatedanalysis' ? true : false,
                hideTrigger : false,
                editable : false,
                multiSelect : true,
                minChars : 1,
                store : 'smcc.TwitterSearch',
                displayField : 'id',
                name : 'twittersearch',
                listConfig: {
                    getInnerTpl: function() {
                        return  '<div><img src="../media/com_concilium/images/twitter/{sn}-logo-med.png" />{id}</div>';
                    }
                }
            }

所以我了解商店在 extJS MVC 设置中的工作方式。此处的文档：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.field.ComboBox-cfg-store

因此，我使用 Windows 资源管理器在所有组件文件的根目录中搜索了“twittersearch”，以找到正确的 twittersearch.js 存储文件。这里是：

Ext.define('Container.store.smcc.TwitterSearch', {
extend : 'Ext.data.Store',
model : 'Container.model.smcc.TwitterSearch',
autoLoad : false,

proxy : {
    type : 'ajax',
    url : './',
    extraParams : {
        option : 'com_concilium',
        view : 'smcc',
        format : 'raw',
        controller : 'smcc',
        task : 'getSocalMediaStream'
    },
    reader : {
        type : 'json',
        root : 'rows',
        totalProperty: 'row_count'
    }
},

});

那么这些信息是否足以创建地址并查看数据？我认为它类似于 urlbase/index.php?option=com_concilium&view=smcc&format=raw&controller=smcc&task=getSocialMediaStream

【问题讨论】：

标签： ajax json extjs parameters url-parameters

【解决方案1】：

你应该可以创建商店

var store = Ext.create('Container.store.smcc.TwitterSearch');

然后调用

store.load();

如果您使用 Chrome 浏览器，您应该会在 Chrome 开发者工具网络面板中看到网络请求。

https://developers.google.com/chrome-developer-tools/docs/network

我建议尝试使用 jsfiddle.net 复制 sencha examples，它可以让您轻松“摆弄”代码。

【讨论】：