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

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
Jquery中Ajax實(shí)現(xiàn)下拉列表聯(lián)動(dòng)(DataSet)(二)

【Js代碼如下】:

<script src="Js/jquery-1.2.6.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">

        $(function() {
            BindUnit();
            Change();
        });
       
       
       
        //下拉列表change事件
        function Change() {
            $("#sel_unit").change(function() {
                BindUnit_User();
            });
        }

        function BindUnit() {
            $.ajax({
                type: "POST",
                contentType: "application/json",
                url: "WebService.asmx/GetUnitDS",
                data: "{}", //即使參數(shù)為空,也需要設(shè)置
                dataType: 'xml', //返回的類型為XML
                success: function(result) { //成功時(shí)執(zhí)行的方法
                    //捕獲處理過程中的異常并輸出
                    try {
                        $("#sel_unit").empty();
                        $(result).find("Table").each(function(i) {
                            $("#sel_unit").append(" <option value='" + $(this).find("org_id").text() + "'>" + $(this).find("org_name").text() + "</option>");
                        });
                       
                        BindUnit_User();
                    }
                    catch (e) {
                        alert(e);
                        return;
                    }
                },
                error: function(result, status) { //出錯(cuò)時(shí)會(huì)執(zhí)行這里的回調(diào)函數(shù)
                    if (status == 'error') {
                        alert(status);
                    }
                }
            });
    }

    function BindUnit_User() {

        var val = $("#sel_unit option:selected").val();

        var mydata = '{"org_id":"'+val+'"}': //格式為json的參數(shù),這中間最麻煩,最容易出錯(cuò)的也是拼接Json字符串,字符型參數(shù)的值要添加引號(hào),而且對(duì)于用戶輸入的文本字段要對(duì)',/等進(jìn)行特殊處理

       //var mydata = {"org_id":val}:這種方式是錯(cuò)誤的,會(huì)報(bào)“無效的JSON基元”之類的錯(cuò)誤。不過也可直接用$.toJSON(mydata )即可;參照jQuery的JSON插件:http://code.google.com/p/jquery-json/

// var thing = {plugin: 'jquery-json', version: 2.2};
// var encoded = $.toJSON(thing); //'{"plugin":"jquery-json","version":2.2}'
// var name = $.evalJSON(encoded).plugin; //"jquery-json"
// var version = $.evalJSON(encoded).version; // 2.2       

$.ajax({
            type: "POST",
            contentType: "application/json",
            url: "WebService.asmx/GetUnitUserDS",
            data: mydata, //傳遞給webservice方法的參數(shù)
            dataType: 'xml', //返回的類型為XML
            success: function(result) { //成功時(shí)執(zhí)行的方法
                //捕獲處理過程中的異常并輸出
                try {
                    $("#sel_unit_user").empty(); //清空下拉列表

                      //遍歷結(jié)果集,“Table”是結(jié)果集XML中<xs:element name="Table">節(jié)點(diǎn)名稱,可以用fireBug查看

                    $(result).find("Table").each(function(i) {
                        $("#sel_unit_user").append(" <option value='" + $(this).find("oru_id").text() + "'>" + $(this).find("oru_name").text() + "</option>");
                    });
                   
                    //                        if (typeof (values) == "string") {
                    //                            $("#sel_unit_user option[value=" + values + "]").attr("selected", true)
                    //                        }
                }
                catch (e) {
                    alert(e);
                    return;
                }
            },
            error: function(result, status) { //出錯(cuò)時(shí)會(huì)執(zhí)行這里的回調(diào)函數(shù)
                if (status == 'error') {
                    alert(status);
                }
            }
        });
    }

    </script>

 

【W(wǎng)ebService】:

//返回DataSet需要設(shè)置,結(jié)果集將以XML格式返回客戶端
   [System.Web.Script.Services.ScriptMethod(ResponseFormat = System.Web.Script.Services.ResponseFormat.Xml)]   

   [WebMethod]
    public DataSet GetUnitUserDS(string org_id)
    {
        Test obj = new Test();
        return obj.GetUnitUser(Convert.ToInt32(org_id));
    }
  
    [System.Web.Script.Services.ScriptMethod(ResponseFormat = System.Web.Script.Services.ResponseFormat.Xml)]
    [WebMethod]
    public DataSet GetUnitDS()
    {
        Test obj = new Test();
        return obj.GetUnit();
    }

【下拉列表控件】

<select id="sel_unit" name="sel_unit" style="width: 120px">
                <option value="0">OU</option>
            </select>
            <select id="sel_unit_user" name="sel_unit_user" style="width: 120px">
                <option value="0">OUU</option>
            </select>

【附:針對(duì)Jquery獲取控件值的方式介紹三種常用方式】

var date = $("#txt_date").val();//html控件用此種方式取值,設(shè)置控件id
var date = $("#<%=txt_date.ClientID%>").val();//服務(wù)器控件并且套用了母版頁用此種方式
var date = $(".txt_date").val(); //針對(duì)服務(wù)器控件還可設(shè)置控件的CssClass為‘txt_date’,再用$(".txt_date").val()獲取值;

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
Jquery利用ajax調(diào)用asp.net webservice的各種數(shù)據(jù)類型(總結(jié)篇)
jQuery Ajax 方法調(diào)用 Asp.Net WebService 的詳細(xì)例子
用Jquery獲取checkbox多個(gè)選項(xiàng)
jQuery綁定點(diǎn)擊事件和改變事件的幾種方式以及多個(gè)元素綁定多個(gè)事件
Ajax調(diào)用WebService(一)
一個(gè)jquery-ajax post例子ajax 登陸
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服