EXTJS Ajax数据请求（一）

最新推荐文章于 2021-07-25 12:41:18 发布
最新推荐文章于 2021-07-25 12:41:18 发布
阅读量694 收藏
点赞数
分类专栏： ExtJs 文章标签： ajax extjs email string function json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ceozhg2009/article/details/7825718
版权
在页面EAjax01.htm中使用 Ext.Ajax.request从Web Service “WSForExtJS.asmx”中请求数据。
    如果EAjax01.htm同WSForExtJS.asmx在同一工程中，
    假设EAjax01.htm中请求Web Service的路径使用的是 http:// IP Address/.../WSForExtJS.asmx”

在IE中可以使用

http://localhost/JQueryAndExtJSDemo/ExtJSPages/EAjax01.htm   
E:\Project\TryProject\JQueryAndExtJSDemo\JQueryAndExtJSDemo\ExtJSPages\EAjax01.htm

和 http://IP Address/JQueryAndExtJSDemo/ExtJSPages/EAjax01.htm
三种方式来访问。

但在Firefox和Chrome中只能使用

E:\Project\TryProject\JQueryAndExtJSDemo\JQueryAndExtJSDemo\ExtJSPages\EAjax01.htm
和http://IP Address/JQueryAndExtJSDemo/ExtJSPages/EAjax01.htm 来中方法来访问。

使用http://localhost的方式无法请求到数据。


EAjax01.htm 的Source内容：

<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <link href="extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="extjs/ext-all-debug.js" type="text/javascript"></script>
</head>
<script type="text/javascript">


    var _webServiceURL = "http://10.40.33.128/POCWBSWebService/";
    //var _webServiceURL = "http://localhost/POCWBSWebService/";
    //var _webServiceURL = "";


    Ext.onReady(function () {


        Ext.create('Ext.Button', {
            text: 'Ajax XML String',
            renderTo: Ext.getBody(),
            handler: function () {
                Ext.Ajax.request({
                    url: _webServiceURL + 'WService/WSForExtJS.asmx/GetUsers01',
                    scriptTag: true,
                    params: {
                        id: 1
                    },
                    success: function (response) {
                        var text = response.responseText;
                        alert(text)
                        // process server response here
                    },
                    failure: function (response, opts) {
                        alert("fail");
                        alert(response);
                        alert(opts);
                    }
                });


            }
        });






        Ext.create('Ext.Button', {
            text: 'GetUsers02 Json String',
            renderTo: Ext.getBody(),
            handler: function () {
                Ext.Ajax.request({
                    url: _webServiceURL + 'WService/WSForExtJS.asmx/GetUsers02',
                    params: {
                        id: 1
                    },
                    success: function (response) {
                        var text = response.responseText;
                        alert(text);
                        var data = Ext.JSON.decode(text);     //is not json data
                        var dataJson = Ext.JSON.decode(data);     //is json data  convert 2 times
                        alert(data);
                        alert(dataJson.success);
                        alert(dataJson.total);
                        // process server response here
                    }
                });
            }
        });




        Ext.create('Ext.Button', {
            text: 'GetUsers03 Json Object',
            renderTo: Ext.getBody(),
            handler: function () {
                Ext.Ajax.request({
                    url: _webServiceURL + 'WService/WSForExtJS.asmx/GetUsers03',
                    params: {
                        id: 1
                    },
                    success: function (response) {
                        var text = response.responseText;
                        alert(text);
                        var data = Ext.JSON.decode(text);    // is json data convert 1 times
                        alert(data);
                        alert(data.success);
                        alert(data.total);
                        // process server response here
                    }
                });
            }
        });


        Ext.create('Ext.Button', {
            text: 'GetUsers04 Json Object',
            renderTo: Ext.getBody(),
            handler: function () {
                Ext.Ajax.request({
                    url: _webServiceURL + 'WService/WSForExtJS.asmx/GetUsers04',
                    params: {
                        id: 1
                    },
                    success: function (response) {
                        var text = response.responseText;
                        alert(text);
                        var data = Ext.JSON.decode(text);    // is json data convert 1 times
                        alert(data);
                        alert(data.success);
                        alert(data.total);
                        // process server response here
                    }
                });
            }
        });


        Ext.create('Ext.Button', {
            text: 'GetUsers05 Json Object From DataTable',
            renderTo: Ext.getBody(),
            handler: function () {
                Ext.Ajax.request({
                    url: _webServiceURL + 'WService/WSForExtJS.asmx/GetUsers05',
                    params: {
                        id: 1
                    },
                    success: function (response) {
                        var text = response.responseText;
                        alert(text);
                        var data = Ext.JSON.decode(text);    // is json data convert 1 times
                        alert(data);
                        alert(data.success);
                        alert(data.total);
                    }
                });
            }


        });


        var pagesize = 2;
        Ext.create('Ext.Button', {
            text: 'Grid Request Local aspx Mulit Page',
            renderTo: Ext.getBody(),
            handler: function () {
                var itemsPerPage = 2;


                Ext.define('UserModel', {
                    extend: 'Ext.data.Model',
                    fields: ['name', 'email', 'phone']
                });
                var userStore = Ext.create('Ext.data.Store', {
                    autoLoad: false,
                    model: 'UserModel',
                    pageSize: itemsPerPage,
                    proxy: {
                        type: 'ajax',
                        url: _webServiceURL + 'WService/ListStore.aspx',
                        reader: {
                            type: 'json',
                            root: 'users',
                            totalProperty: 'total'
                        }
                    }
                });


                userStore.load({
                    callback: function (r, options, success) {
                        if (success) {
                            for (var i = 0; i < r.length; i++) {
                                var record = r[i];
                                var v = record.data.name;
                                //alert(v);
                            }
                        }
                        else {
                            alert("fail");
                        }
                    }
                });




                Ext.create('Ext.grid.Panel', {
                    title: 'Simpsons',
                    store: userStore,
                    columns: [
                            { header: 'Name', dataIndex: 'name' },
                            { header: 'Email', dataIndex: 'email', flex: 1 },
                            { header: 'Phone', dataIndex: 'phone' }
                        ],
                    width: 400,
                    height: 300,
                    dockedItems: [{
                        xtype: 'pagingtoolbar',
                        store: userStore,   // same store GridPanel is using
                        dock: 'bottom',
                        displayInfo: true
                    }],
                    renderTo: Ext.getBody()
                });
            }


        });




        Ext.create('Ext.Button', {
            text: 'Grid Request Local ashx Mulit Page',
            renderTo: Ext.getBody(),
            handler: function () {
                var itemsPerPage = 2;


                Ext.define('UserModel', {
                    extend: 'Ext.data.Model',
                    fields: ['name', 'email', 'phone']
                });
                var userStore = Ext.create('Ext.data.Store', {
                    autoLoad: false,
                    model: 'UserModel',
                    pageSize: itemsPerPage,
                    proxy: {
                        type: 'ajax',
                        url: _webServiceURL + 'WService/ListStore.ashx',
                        reader: {
                            type: 'json',
                            root: 'users',
                            totalProperty: 'total'
                        }
                    }
                });


                userStore.load({
                    callback: function (r, options, success) {
                        if (success) {
                            for (var i = 0; i < r.length; i++) {
                                var record = r[i];
                                var v = record.data.name;
                                //alert(v);
                            }
                        }
                        else {
                            alert("fail");
                        }
                    }
                });




                Ext.create('Ext.grid.Panel', {
                    title: 'Simpsons',
                    store: userStore,
                    columns: [
                            { header: 'Name', dataIndex: 'name' },
                            { header: 'Email', dataIndex: 'email', flex: 1 },
                            { header: 'Phone', dataIndex: 'phone' }
                        ],
                    width: 400,
                    height: 300,
                    dockedItems: [{
                        xtype: 'pagingtoolbar',
                        store: userStore,   // same store GridPanel is using
                        dock: 'bottom',
                        displayInfo: true
                    }],
                    renderTo: Ext.getBody()
                });
            }


        });






        Ext.create('Ext.Button', {
            text: 'Grid Request Local Web Service Mulit Page',
            renderTo: Ext.getBody(),
            handler: function () {
                var itemsPerPage = 2;


                Ext.define('UserModel', {
                    extend: 'Ext.data.Model',
                    fields: ['name', 'email', 'phone']
                });


                var userStore = Ext.create('Ext.data.Store', {
                    autoLoad: false,
                    model: 'UserModel',
                    pageSize: itemsPerPage,
                    proxy: {
                        type: 'ajax',
                        extraParams: {
                            id: 'robbie'
                        },
                        url: _webServiceURL + 'WService/WSForExtJS.asmx/GetUsers07',
                        method: 'POST',
                        headers: { 'Content-Type': 'application/json;' },
                        reader: {
                            type: 'json',
                            root: 'users',
                            totalProperty: 'total'
                        }


                    }
                });




                userStore.load({
                    callback: function (r, options, success) {
                        if (success) {
                            for (var i = 0; i < r.length; i++) {
                                var record = r[i];
                                var v = record.data.name;
                                //alert(v);
                            }
                        }
                        else {
                            alert("fail");
                        }
                    }
                });


                var pnlGrid = Ext.create('Ext.grid.Panel', {
                    title: 'Simpsons',
                    store: userStore,
                    columns: [
                            { header: 'Name', dataIndex: 'name' },
                            { header: 'Email', dataIndex: 'email', flex: 1 },
                            { header: 'Phone', dataIndex: 'phone' }
                        ],
                    width: 400,
                    height: 300,
                    dockedItems: [{
                        xtype: 'pagingtoolbar',
                        store: userStore,   // same store GridPanel is using
                        dock: 'bottom',
                        displayInfo: true
                    }],
                    renderTo: Ext.getBody()
                });


                pnlGrid.reconfigure(userStore);


            }


        });


        var userStore;
        var pnlGrid;
        var iClickCount = 0;
        var userStore;


        Ext.define('UserModel', {
            extend: 'Ext.data.Model',
            fields: ['name', 'email', 'phone']
        });


        Ext.create('Ext.Button', {
            text: 'Grid Request Local Web Service Mulit Page Change Source',
            renderTo: Ext.getBody(),
            handler: function () {
                    var itemsPerPage = 2;


                    iClickCount = iClickCount + 1;


                    if (!pnlGrid) {


                        userStore = Ext.create('Ext.data.Store', {
                        autoLoad: false,
                        model: 'UserModel',
                        pageSize: itemsPerPage,
                        proxy: {
                                type: 'ajax',
                                url: _webServiceURL + 'WService/WSForExtJS.asmx/GetUsers08',
                                method: 'POST',
                                headers: { 'Content-Type': 'application/json;' },
                                reader: {
                                    type: 'json',
                                    root: 'users',
                                    totalProperty: 'total'
                                }


                            }
                        });




                        pnlGrid = Ext.create('Ext.grid.Panel', {
                            title: 'Simpsons',
                            store: userStore,
                            columns: [
                                { header: 'Name', dataIndex: 'name' },
                                { header: 'Email', dataIndex: 'email', flex: 1 },
                                { header: 'Phone', dataIndex: 'phone' }
                            ],
                            width: 400,
                            height: 300,
                            dockedItems: [{
                                xtype: 'pagingtoolbar',
                                store: userStore,   // same store GridPanel is using
                                dock: 'bottom',
                                displayInfo: true
                            }],
                            renderTo: Ext.getBody()
                        });
                    }
                    else {
                        pnlGrid.getStore().removeAll();
                    }


                    userStore.currentPage = 1;
                    userStore.on('beforeload', function (store, options) {
                        var new_params = { ClickCount: iClickCount };
                        Ext.apply(store.proxy.extraParams, new_params);
                    });


                    pnlGrid.store.load({
                        params: { start: 0, limit: itemsPerPage}
                    });


                
            }


        });




    });
</script>
<body>


</body>
</html>

Web Service文件WSForExtJS.asmx的Source内容： 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Serialization;
using System.Web.Script.Services;
using System.Data;


namespace JQueryAndExtJSDemo.ExtJSPages.WService
{
    /// <summary>
    /// Summary description for WSForExtJS
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
    [System.Web.Script.Services.ScriptService]
    public class WSForExtJS : System.Web.Services.WebService
    {


        [WebMethod]
        public string HelloWorld()
        {
            return "Hello World";
        }


        [WebMethod]
        public string GetUsers01()
        {
            string _strReturn = "{\"success\": true,\"total\": 2,\"users\": [{ \"name\": \"LisaA\", \"email\": \"lisa@simpsons.com\", \"phone\": \"555-111-1224\" },{ \"name\": \"Bart\", \"email\": \"bart@simpsons.com\", \"phone\": \"555-222-1234\" }]}";
            return _strReturn;
        }




        [WebMethod]
        [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
        public void GetUsers02()
        {
            HttpResponse response = HttpContext.Current.Response;


            string _strReturn = "{\"success\": true,\"total\": 4,\"users\": [{ \"name\": \"LisaA\", \"email\": \"lisa@simpsons.com\", \"phone\": \"555-111-1224\" },{ \"name\": \"Bart\", \"email\": \"bart@simpsons.com\", \"phone\": \"555-222-1234\" }]}";            
            var jsonSerializer = new JavaScriptSerializer();
            string JSONToReturn = jsonSerializer.Serialize(_strReturn);


            response.Write(JSONToReturn);
            response.End();


        }


        
        [WebMethod]
        [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
        public void GetUsers03()
        {
            List<User> users = new List<User>();
            users.Add(new User("LisaA", "lisaA@simpsons.com", "555-111-1224"));
            users.Add(new User("LisaB", "lisaB@simpsons.com", "555-111-1224"));
            var jsonSerializer = new JavaScriptSerializer();
            string _strReturn = "{\"success\": true,\"total\": 2,\"users\": " + jsonSerializer.Serialize(users) + "}";
            HttpResponse response = HttpContext.Current.Response;
            response.Write(_strReturn);
            response.End();


        }




        [WebMethod]
        [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
        public void GetUsers04()
        {
            HttpResponse response = HttpContext.Current.Response;


            string _strReturn = "{\"success\": true,\"total\": 2,\"users\": [{ \"name\": \"LisaA\", \"email\": \"lisa@simpsons.com\", \"phone\": \"555-111-1224\" },{ \"name\": \"Bart\", \"email\": \"bart@simpsons.com\", \"phone\": \"555-222-1234\" }]}";
            response.Write(_strReturn);
            response.End();


        }




        [WebMethod]
        [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
        public void GetUsers05()
        {


            DataTable _dt = new DataTable();
            DataColumn _dc = new DataColumn();
            _dc.ColumnName = "name";
            _dt.Columns.Add(_dc);
            _dc = new DataColumn();
            _dc.ColumnName = "email";
            _dt.Columns.Add(_dc);
            _dc = new DataColumn();
            _dc.ColumnName = "phone";
            _dt.Columns.Add(_dc);


            DataRow _dr = _dt.NewRow();
            _dr["name"] = "LisaA";
            _dr["email"] = "lisa@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            _dr = _dt.NewRow();
            _dr["name"] = "LisaB";
            _dr["email"] = "lisa@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);




            string _strReturn = "";
            int iRowCount = _dt.Rows.Count;


            if (iRowCount == 0)
            {
                _strReturn = "\"\"";
            }
            else
            {
                _strReturn = CommonClass.DataTable2Json(_dt);
            }


            _strReturn = "{\"success\": true,\"total\": " + iRowCount.ToString() + ",\"currpage\":\"1\",\"users\": " + _strReturn + "}";


            HttpResponse response = HttpContext.Current.Response;
            response.Write(_strReturn);
            response.End();




        }




        [WebMethod]
        [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
        public void GetUsers06()
        {


            DataTable _dt = new DataTable();
            DataColumn _dc = new DataColumn();
            _dc.ColumnName = "name";
            _dt.Columns.Add(_dc);
            _dc = new DataColumn();
            _dc.ColumnName = "email";
            _dt.Columns.Add(_dc);
            _dc = new DataColumn();
            _dc.ColumnName = "phone";
            _dt.Columns.Add(_dc);


            DataRow _dr = _dt.NewRow();
            _dr["name"] = "LisaA";
            _dr["email"] = "lisaA@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            _dr = _dt.NewRow();
            _dr["name"] = "LisaB";
            _dr["email"] = "lisaB@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            _dr = _dt.NewRow();
            _dr["name"] = "LisaC";
            _dr["email"] = "lisaC@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            _dr = _dt.NewRow();
            _dr["name"] = "LisaD";
            _dr["email"] = "lisaD@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            _dr = _dt.NewRow();
            _dr["name"] = "LisaE";
            _dr["email"] = "lisaE@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);




            string _strReturn = "";
            int iRowCount = _dt.Rows.Count;


            if (iRowCount == 0)
            {
                _strReturn = "\"\"";
            }
            else
            {
                _strReturn = CommonClass.DataTable2Json(_dt);
            }


            _strReturn = "{\"success\": true,\"total\": " + iRowCount.ToString() + ",\"currpage\":\"1\",\"users\": " + _strReturn + "}";


            HttpResponse response = HttpContext.Current.Response;
            response.Clear();
            response.Buffer = true;
            response.ExpiresAbsolute = DateTime.Now.AddDays(-1);
            response.AddHeader("pragma", "no-cache");
            response.AddHeader("cache-control", "");
            response.CacheControl = "no-cache";
            //response.ContentType = "text/plain";
            response.ContentType = "application/json";


            response.Write(_strReturn);
            response.Flush();
            response.End();




        }


        [WebMethod]
        [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
        public void GetUsers07()
        {
            HttpContext context = HttpContext.Current;
            context.Response.Clear();
            context.Response.Buffer = true;
            context.Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);
            context.Response.AddHeader("pragma", "no-cache");
            context.Response.AddHeader("cache-control", "");
            context.Response.CacheControl = "no-cache";
            //context.Response.ContentType = "text/plain";
            context.Response.ContentType = "application/json";


            string _page = context.Request.Params["page"].ToString();
            string _start = context.Request.Params["start"].ToString();
            string _limit = context.Request.Params["limit"].ToString();


            DataTable _dt = new DataTable();
            DataColumn _dc = new DataColumn();
            _dc.ColumnName = "name";
            _dt.Columns.Add(_dc);
            _dc = new DataColumn();
            _dc.ColumnName = "email";
            _dt.Columns.Add(_dc);
            _dc = new DataColumn();
            _dc.ColumnName = "phone";
            _dt.Columns.Add(_dc);


            DataRow _dr = _dt.NewRow();
            _dr["name"] = "LisaA";
            _dr["email"] = "lisaA@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            _dr = _dt.NewRow();
            _dr["name"] = "LisaB";
            _dr["email"] = "lisaB@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            _dr = _dt.NewRow();
            _dr["name"] = "LisaC";
            _dr["email"] = "lisaC@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            _dr = _dt.NewRow();
            _dr["name"] = "LisaD";
            _dr["email"] = "lisaD@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            _dr = _dt.NewRow();
            _dr["name"] = "LisaE";
            _dr["email"] = "lisaE@simpsons.com";
            _dr["phone"] = "555-111-1224";
            _dt.Rows.Add(_dr);


            string _strReturn = "";
            int iRowCount = _dt.Rows.Count;


            if (iRowCount == 0)
            {
                _strReturn = "\"\"";
            }
            else
            {
                _strReturn = CommonClass.DataTable2Json(_dt, int.Parse(_start), int.Parse(_limit));
            }


            _strReturn = "{\"success\": true,\"total\": " + iRowCount.ToString() + ",\"currpage\":\"1\",\"users\": " + _strReturn + "}";
            context.Response.Write(_strReturn);
            context.Response.Flush();
            context.Response.End();






        }




        [WebMethod]
        [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
        public void GetUsers08()
        {
            HttpContext context = HttpContext.Current;
            context.Response.Clear();
            context.Response.Buffer = true;
            context.Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);
            context.Response.AddHeader("pragma", "no-cache");
            context.Response.AddHeader("cache-control", "");
            context.Response.CacheControl = "no-cache";
            //context.Response.ContentType = "text/plain";
            context.Response.ContentType = "application/json";


            string _page = context.Request.Params["page"].ToString();
            string _start = context.Request.Params["start"].ToString();
            string _limit = context.Request.Params["limit"].ToString();
            int _clickCount = 1;
            _clickCount = int.Parse(context.Request.Params["ClickCount"].ToString());


            DataTable _dt = new DataTable();            
            DataColumn _dc = new DataColumn();
            _dc.ColumnName = "name";
            _dt.Columns.Add(_dc);
            _dc = new DataColumn();
            _dc.ColumnName = "email";
            _dt.Columns.Add(_dc);
            _dc = new DataColumn();
            _dc.ColumnName = "phone";
            _dt.Columns.Add(_dc);
            DataRow _dr = _dt.NewRow();
            if (_clickCount % 2 !=0)
            {                
                _dr["name"] = "LisaA";
                _dr["email"] = "lisaA@simpsons.com";
                _dr["phone"] = "555-111-1224";
                _dt.Rows.Add(_dr);


                _dr = _dt.NewRow();
                _dr["name"] = "LisaB";
                _dr["email"] = "lisaB@simpsons.com";
                _dr["phone"] = "555-111-1224";
                _dt.Rows.Add(_dr);


                _dr = _dt.NewRow();
                _dr["name"] = "LisaC";
                _dr["email"] = "lisaC@simpsons.com";
                _dr["phone"] = "555-111-1224";
                _dt.Rows.Add(_dr);


                _dr = _dt.NewRow();
                _dr["name"] = "LisaD";
                _dr["email"] = "lisaD@simpsons.com";
                _dr["phone"] = "555-111-1224";
                _dt.Rows.Add(_dr);


                _dr = _dt.NewRow();
                _dr["name"] = "LisaE";
                _dr["email"] = "lisaE@simpsons.com";
                _dr["phone"] = "555-111-1224";
                _dt.Rows.Add(_dr);
            }
            else
            {
                _dr["name"] = "LisaG";
                _dr["email"] = "lisaG@simpsons.com";
                _dr["phone"] = "555-111-1224";
                _dt.Rows.Add(_dr);


                _dr = _dt.NewRow();
                _dr["name"] = "LisaH";
                _dr["email"] = "lisaG@simpsons.com";
                _dr["phone"] = "555-111-1224";
                _dt.Rows.Add(_dr);


                _dr = _dt.NewRow();
                _dr["name"] = "LisaK";
                _dr["email"] = "lisaG@simpsons.com";
                _dr["phone"] = "555-111-1224";
                _dt.Rows.Add(_dr);


            }


            string _strReturn = "";
            int iRowCount = _dt.Rows.Count;


            if (iRowCount == 0)
            {
                _strReturn = "\"\"";
            }
            else
            {
                _strReturn = CommonClass.DataTable2Json(_dt, int.Parse(_start), int.Parse(_limit));
            }


            _strReturn = "{\"success\": true,\"total\": " + iRowCount.ToString() + ",\"currpage\":\"1\",\"users\": " + _strReturn + "}";
            context.Response.Write(_strReturn);
            context.Response.Flush();
            context.Response.End();






        }


                    
    }
}

User.cs的Source： 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace POCWBSWebService.WService
{
    public class User
    {
        private string _name;
        public string name { get { return _name; } set { _name = value; } }
        private string _email;
        public string email { get { return _email; } set { _email = value; } }
        private string _phone;
        public string phone { get { return _phone; } set { _phone = value; } }

        public User() { }
        public User(string name, string email, string phone)
        {
            _name = name;
            _email = email;
            _phone = phone;
        }

    }
}

CommonClass.cs的Source内容：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Text;

namespace JQueryAndExtJSDemo.ExtJSPages.WService
{
    public class CommonClass
    {
        public static string DataTable2Json(System.Data.DataTable dt)
        {

            StringBuilder TB = new StringBuilder();
            TB.Append("[");
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                TB.Append("{");
                for (int j = 0; j < dt.Columns.Count; j++)
                {
                    TB.Append("\"");
                    TB.Append(dt.Columns[j].ColumnName);
                    TB.Append("\":\"");
                    TB.Append(dt.Rows[i][j].ToString());
                    TB.Append("\",");
                }
                TB.Remove(TB.Length - 1, 1);
                TB.Append("},");
            }
            TB.Remove(TB.Length - 1, 1);
            TB.Append("]");
            return TB.ToString();
        }


        public static string DataTable2Json(System.Data.DataTable dt, int iStart,int iLimit)
        {
            int iRowCount = dt.Rows.Count;
            int iTotalCalculate = iStart + iLimit;
            if (iRowCount < iTotalCalculate)
            {
                iTotalCalculate = iRowCount;
            }

            StringBuilder TB = new StringBuilder();
            TB.Append("[");
            for (int i = iStart; i < iTotalCalculate; i++)
            {
                TB.Append("{");
                for (int j = 0; j < dt.Columns.Count; j++)
                {
                    TB.Append("\"");
                    TB.Append(dt.Columns[j].ColumnName);
                    TB.Append("\":\"");
                    TB.Append(dt.Rows[i][j].ToString());
                    TB.Append("\",");
                }
                TB.Remove(TB.Length - 1, 1);
                TB.Append("},");
            }
            TB.Remove(TB.Length - 1, 1);
            TB.Append("]");
            return TB.ToString();
        }

        /// <summary>  
        /// DataTable to json  
        /// </summary>  
        /// <param name="jsonName">返回json的名称</param>  
        /// <param name="dt">转换成json的表</param>  
        /// <returns></returns>  
        public static string DataTableToJson(string jsonName, System.Data.DataTable dt)
        {
            StringBuilder Json = new StringBuilder();
            Json.Append("{\"" + jsonName + "\":[");
            if (dt.Rows.Count > 0)
            {
                for (int i = 0; i < dt.Rows.Count; i++)
                {
                    Json.Append("{");
                    for (int j = 0; j < dt.Columns.Count; j++)
                    {
                        Json.Append("\"" + dt.Columns[j].ColumnName.ToString() + "\":\"" + dt.Rows[i][j].ToString() + "\"");
                        if (j < dt.Columns.Count - 1)
                        {
                            Json.Append(",");
                        }
                    }
                    Json.Append("}");
                    if (i < dt.Rows.Count - 1)
                    {
                        Json.Append(",");
                    }
                }
            }
            Json.Append("]}");
            return Json.ToString();
        }  


    }
}





ceozhg2009
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ExtJS——AJAX请求数据
u013127751的博客
03-23 1932
index.html Ext.onReady(function(){ var panel = new Ext.Panel({ //没有show方法，调用报错显示innerHTML为空 title:'AJAX数据', width:200, height:400, fra
ajax中post请求头的几种类型
qq_42089654的博客
11-29 5729
1，application/json（JSON数据格式） xhr.setRequestHeader("Content-type","application/json; charset=utf-8"); 这种类型是我们现在最常用的，越来越多的人把它作为请求头，用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行，除了低版本 IE 之外的各大浏览器都原生支持 JSON...
ExtJs中的Ajax详解
Java方向程序员_张帅鹏
01-14 2545
概述：Ext.Ajax是Ext.data.Connection的一个子类，提供了简单的方式进行Ajax的功能实现 一、主要方法        abort终止一个没有完成Ajax请求        isLoading:判断指定的Ajax请求是不是正在运行        paresStatus：返回请求响应的代码        request：发送服务器请求---->重点
Ext Js数据的请求与响应
Fortunatever的博客
07-25 375
store的定义 var store = Ext.create('Ext.data.Store', { model: 'User', proxy: { type: 'ajax', url : 'users.json', reader: { type: 'json' } } }); proxy的类型 Types of Proxy There are two main types of Proxy
ExtJS做Ajax请求数据量大的时候出现超时
上班搞IT，下班搞ITF。
02-27 5785
ExtJS做Ajax请求数据量大的时候出现超时
extjs3.0 ajax 同步请求
06-01
在 ExtJS 3.0 版本中，AJAX 请求是实现前后端数据交互的重要手段之一。本文将详细介绍如何在 ExtJS 3.0 中实现同步 AJAX 请求，并探讨其在实际项目中的应用场景与注意事项。 #### 二、AJAX 同步请求原理 AJAX...
Ajax请求在数据量大的时候出现超时的解决方法
09-04
在开发Web应用时，我们经常会遇到使用Ajax进行数据交互的情况，特别是当数据量非常大时，可能会遇到Ajax请求超时的问题。这个问题不仅影响用户体验，也可能导致应用性能下降。本篇文章将详细探讨这个问题，并提供几...
Extjs Ajax 购物车
05-07
总结来说，"Extjs Ajax 购物车"是一个结合了ExtJS UI组件和AJAX技术的实例，展示了如何利用现代Web技术构建一个功能齐全、用户体验良好的在线购物系统。理解其工作原理和实现细节，对于提升Web开发技能非常有帮助。
extjs ajax同步请求所需js
02-06
在ExtJS中，Ajax（异步JavaScript和XML）请求是数据交互的核心部分，用于与服务器进行通信，获取或更新数据。Ajax请求使得页面无需刷新即可更新部分内容，提高了用户体验。 标题中提到的"extjs ajax同步请求所需js...
extjs获取和传递数据的两种方式
隋旭峰的专栏
03-14 7459
1。数据以Ajax方式获取，如： Ext.Ajax.request({      url: "DATA/project_fj/GetRoomInfoByMainid.aspx",                 method:"POST",                 params:{                        mainId:record.get('fj_id')
关于Extjs的取值加载以及输入之后的ajax提交数据
chenglinping的专栏
02-20 1859
先上代码： Ext.require([     'Ext.grid.*',     'Ext.data.*',     'Ext.util.*',     'Ext.state.*',     'Ext.form.*' ]); Ext.onReady(function() {     Ext.QuickTips.init();     Ext.form.Field.protot
ExtJs 和后台数据的交互方式
idomyway的博客
12-10 4952
1.数据源storestore通常是作为grid，tree…的数据源,以便来更新数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的数据. 创建一个公共的store,不与任何表有联系,只需要下面简单的几句话 var publicstore = Ext.create('Ext.data.Store', {
EXTJs前后台交互
落日小屋
05-23 1万+
Ajax交互方式 Ext.Ajax.request( { //被用来向服务器发起请求默认的url url : "", //请求时发送后台的参数,既可以是Json对象，也可以直接使用“name = value”形式的字符串 params : { name:'value' }, //请求时使用的默认的http方法 method : "post", //请求成功
Extjs中三种不同的数据提交方式
GoodShot的专栏
06-06 9793
Extjs中三种不同的数据提交方式   Extjs的三种提交方式： 表单Ajax提交，普通提交，单独Ajax提交； 1.表单ajax提交（默认提交方式） 提交函数：当按下表单中的提交按钮时执行下面的btn函数，按照表单的name进行提交。提交数据后根据后台的返回值不同来回调success或者failure函数（和单独ajax的提交不同），后台返回值的形式： 【如果返
extjs请求java后台，获取返回数据的方式
pingguowang的专栏
11-25 1970
比如返回的json数据 {success:true,msg:'登陆成功'}      1、Ajax取值方式如下：   Ext.Ajax.request({           url: 'tmp.aspx',          params: {                   uid: userid,          }, success: function(form, op
Ext Js 3.2中Ext.ajax.request方法详解
热门推荐
张波的技术积累
11-28 2万+
1：Ext.Ajax.request([Object options]):Number     options中的一些属性和含义如下：     url：指定请求的服务端url    params： 指定要传递的参数，可以是一个包含参数名称及值的对象，也可以是类似于name=xx&birthday=1978-1-1的url编码字符串，或者是一个能返回上述两种内容
extjs 使用Ext.Ajax.request进行数据传输
masterShaw的博客
04-21 1万+
java代码 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub PrintWriter out=response.getWriter()
ExtJs combobox 绑定ajax请求的数据
最新发布
05-31
可以通过以下步骤来绑定 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 请求的数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值