zoukankan      html  css  js  c++  java
  • ASP.net Ajax 调用Web Service

    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();
                    
                }
            }
        }
    }
  • 相关阅读:
    2017年8月21日 星期一 --出埃及记 Exodus 28:43
    2017年8月20日 星期日 --出埃及记 Exodus 28:42
    2017年8月19日 星期六 --出埃及记 Exodus 28:41
    2017年8月18日 星期五 --出埃及记 Exodus 28:40
    2017年8月17日 星期四 --出埃及记 Exodus 28:39
    2017年8月16日 星期三 --出埃及记 Exodus 28:38
    2017年8月15日 星期二 --出埃及记 Exodus 28:37
    2017年8月14日 星期一 --出埃及记 Exodus 28:36
    2017年8月13日 星期日 --出埃及记 Exodus 28:35
    2017年8月12日 星期六 --出埃及记 Exodus 28:34
  • 原文地址:https://www.cnblogs.com/binlyzhuo/p/1647724.html
Copyright © 2011-2022 走看看