Ajax-WebService返回簡單數組

WebService:

    [WebMethod]    public string[] GetSimpleArray()    {        string[] cities = { "北京", "上海", "天津", "重慶" };        return cities;    }

ScriptManager:

    <asp:ScriptManager ID="sm" runat="server">        <Services>            <asp:ServiceReference Path="~/WebService2.asmx" />        </Services>    </asp:ScriptManager>

頁面控制項:

    <input type="button" value="Click Me!" onclick="btn_click()" id="btn" />    <select id="st">            </select>

 

Js:

    <script type="text/javascript">        function btn_click(){            WebService2.GetSimpleArray(onSuccessed);        }                function onSuccessed(result){            for(var i=document.getElementById("st").childNodes.length;i>0;i--){                $get("st").remove(i);            }                        for(var i=0;i<result.length;i++){                var option = document.createElement("option");                option.innerHTML = result[i];                $get("st").appendChild(option);            }                    }            </script>

 

debugger後:

 

效果: