DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> ASP.net Ajax 調用Web Service
ASP.net Ajax 調用Web Service
編輯:AJAX詳解     

Html:

 

代碼 <ASP:ScriptManager runat="server" ID="sm">
     <Services>
       <ASP:ServiceReference Path="~/validateUserName.asmx" />
     </Services>
    </ASP:ScriptManager>
    <div>
       <input type="text" id="userName"  onchange="test();"/>
       &nbsp;<span id="msg"></span>
    </div>

 

 

JS:

 

代碼 <script type="text/Javascript">
        function test() {
            requestService = JQueryProj.validateUserName.GetUser(document.getElementById("userName").value, validate);
        }
        function validate(result) {
            
            if (result == "false") {
                msg.innerHtml = "用戶名已存在!";
            }
            else {
                msg.innerHtml = "用戶名可用!";
                
            }
        }
    </script>

 

 

Web Service

 

代碼 using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Services;

namespace JQueryProj
{
    /// <summary>
    /// validateUserName 的摘要說明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // 若要允許使用 ASP.Net AJax 從腳本中調用此 Web 服務,請取消對下行的注釋。
    [ScriptService]
    public class validateUserName : System.Web.Services.WebService
    {

        [WebMethod]
        public string GetUser(string userName)
        {
            if (userName == "admin")
            {
                return false.ToString().ToLower();
            }
            else
            {
                return true.ToString().ToLower();
                
            }
        }
    }
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved