佟丽娅生孩视频,美女视频下载器app

一直在想在asp.net中怎么才能向在java中那樣用struts那樣做頁面請求。

當(dāng)然asp.net mvc就是類似struts的東西吧，不過還沒來得及學(xué)習(xí)。

今天就用ashx來接收頁面請求，并調(diào)用后臺，然后返回數(shù)據(jù)給前臺，用jquer .ajax提交請求，接收ashx返回的數(shù)據(jù)。

例子：

例子是要實現(xiàn)頁面加載時從數(shù)據(jù)庫讀取數(shù)據(jù)，并把數(shù)據(jù)放到一個下拉列表中。（因為是用ajax，就建html頁面就行了，一直不喜歡aspx頁面，感覺它太臃腫了。）

一.準(zhǔn)備工作：

1.建web應(yīng)用程序aspnetAjax

2.建index.htm

3.建個js文件夾，把jquery.js放進(jìn)去，

4.建ajax文件夾，里面放ashx

5.在js文件夾建index.js，一般我們都是一個頁面對應(yīng)一個js

6.在ajax文件夾，建IndexHandler.ashx，一般一個js頁面對應(yīng)一個一般用戶控件，這樣層次感很強(qiáng)，也很好維護(hù)。

二.html頁面

html頁面就簡單了，我們要用ajax讀后臺做個下拉列表，所以頁面就放個DIV就行了。其他的交給js.

HTML代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>測試</title>

    <script src="js/jquery-1.2.3-intellisense.js" type="text/javascript"></script>

    <script src="js/index.js" type="text/javascript"></script>

</head>
<body>
企業(yè)性質(zhì)<div id="vocaspec"> </div>

行業(yè)類型<div id="industr"> </div>　　　　　　
</body>
</html>

編寫IndexHandler.ashx代碼

代碼

namespace aspnetAjax.ajax
{
    /// <summary>
    /// $codebehindclassname$ 的摘要說明
    /// </summary>

    public class IndexHandler : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
           context.Response.ContentType = "application/json";
           //接收提交過來的meth參數(shù)
            string meth = context.Request.Params["meth"].ToString();
            //根據(jù)參數(shù)調(diào)用不同的方法
            switch (meth)
            {
                case "load":
                    loadjson(context);
                    break;
                case "add":
                    add(context);
                    break;
            }
       }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }

       //頁面加載方法，調(diào)用BLL，獲得數(shù)據(jù)
         private void loadjson(HttpContext context)
        {
            //實例BLL
            VocaSpecSortBLL vocaSpec = new VocaSpecSortBLL();
            BLL.Owner ownerbll = new GYXMGL.BLL.Owner();

             DataSet ds = vocaSpec.GetList("");
             DataSet dsindustr = ownerbll.Getcharcte();

             //實例一個StringBuilder 用來拼接一個json數(shù)據(jù)
             StringBuilder sbvoca = new StringBuilder();

            if (ds != null && ds.Tables[0].Rows.Count > 0)
            {
                sbvoca.Append("{\"voce\":[");
                int i = 1;
                int count = ds.Tables[0].Rows.Count;
                foreach (DataRow dr in ds.Tables[0].Rows)
                {
                    if (i == count)
                    {
                        sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"}");
                    }
                    else
                    {
                        sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"},");
                    }
                    i++;
                }
                sbvoca.Append("]");
            }
            if (dsindustr != null && dsindustr.Tables[0].Rows.Count > 0)
            {

                sbvoca.Append(",\"industr\":[");
                int i = 1;
                int count = dsindustr.Tables[0].Rows.Count;
                foreach (DataRow dr in dsindustr.Tables[0].Rows)
                {
                    if (i == count)
                    {
                        sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"}");
                    }
                    else
                    {
                        sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"},");
                    }
                    i++;
                }
                sbvoca.Append("]");
            }
            sbvoca.Append("}");
            context.Response.Write(sbvoca.ToString());

            context.Response.End();
        }

    }
}

我們把index.js改下

代碼

$(document).ready(function() {
    $.ajax({
        type: "POST",
        url: "../ajax/NewOwnerHandler.ashx",
        //我們用text格式接收
        dataType: "text",
        data: "meth=load",
        success: function(msg) {
            alert(msg);
            //顯示后臺數(shù)據(jù)
            $("#vocaspec").html(msg);
            // $("#industr").html(industr);
        }
    });
});

我可以看到如下數(shù)據(jù)，就是ashx中response給我們的json格式數(shù)據(jù)，現(xiàn)在我們要把這些數(shù)據(jù)

顯示在下拉列表中。就要遍歷json中的數(shù)組。

代碼

{

"voce":[{"code":"1","name":"農(nóng)林水利"},{"code":"10","name":"軍工"},{"code":"11","name":"農(nóng)林"},{"code":"12","name":"水利(電)"},{"code":"13","name":"水電站"},{"code":"14","name":"輸變線"},{"code":"15","name":"煤礦"},{"code":"16","name":"氣田"},{"code":"17","name":"公路"},{"code":"18","name":"鐵路"},{"code":"19","name":"民航"},{"code":"2","name":"能源"},{"code":"20","name":"信息產(chǎn)業(yè)"},{"code":"21","name":"化工"},{"code":"22","name":"機(jī)械"},{"code":"23","name":"冶金"},{"code":"24","name":"有色金屬"},{"code":"25","name":"建材"},{"code":"26","name":"醫(yī)藥"},{"code":"27","name":"輕工"},{"code":"28","name":"農(nóng)牧產(chǎn)品深加工"},{"code":"3","name":"交通"},{"code":"4","name":"通訊"},{"code":"5","name":"特色產(chǎn)業(yè)"},{"code":"6","name":"城市基礎(chǔ)設(shè)施"},{"code":"7","name":"商貿(mào)流通"},{"code":"8","name":"旅游"},{"code":"9","name":"文體衛(wèi)"}],

"industr":[{"code":"1","name":"國有"},{"code":"2","name":"私人"}]

}

修改index.js代碼，遍歷json數(shù)據(jù)把數(shù)據(jù)顯示成下拉列表

代碼

$(document).ready(function() {
    $.ajax({
        type: "POST",
        url: "../ajax/NewOwnerHandler.ashx",
        //json格式接收數(shù)據(jù)
        dataType: "json",
        //指點(diǎn)后臺調(diào)用什么方法
        data: "meth=load",

        success: function(msg) {
             //實例2個字符串變量來拼接下拉列表
               var industr = "<select name=\"industr\"><option label=\"---請選擇---\"></option>";
               var vocaspec = "<select name=\"vocaspec\"><option label=\"---請選擇---\"></option>";
              //使用jquery解析json中的數(shù)據(jù)
               $.each(msg.voce, function(n, value) {
                     vocaspec += ("<option value=\"" + value.code + "\" label=\"" + value.name + "\">");
                     vocaspec += ("</option>");
                    });
                $.each(msg.industr, function(n, value) {
                     industr += ("<option value=\"" + value.code + "\" label=\"" + value.name + "\">");
                      industr += ("</option>");
                   });
             industr += ("</select>");

             $("#vocaspec").html(vocaspec);
            $("#industr").html(industr);
        }
    });
});

------------------------

ok,完結(jié)！@

--這個實例涉及到的知識點(diǎn)

1.使用一般處理程序，接收request。并可以使用response數(shù)據(jù)

string meth = context.Request.Params["meth"].ToString();

因為一般處理程序

public class IndexHandler : IHttpHandler

他實現(xiàn)IHttpHandler接口

2.json數(shù)據(jù)格式

3.使用jquery ajax,并用jquery解析json數(shù)據(jù)。

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊舉報。

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看