Ajax 只向服务器传递需要的数据并且无刷新【登陆】代码通用

来源：互联网发布：java spinner点击事件编辑：程序博客网时间：2024/05/22 14:07

<html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script src="js/Jquery1.7.js" type="text/javascript"></script>    <script type="text/javascript">        $(function () {            $('#txtUserName').blur(function () {                $.ajax({                    type: "post",                    contentType: "application/json",                    url: "WebService1.asmx/ValidateUser",                    data: "{username:'" + $('#txtUserName').val() + "'}",                    success: function (result) {                        $('#spinfo').text(result.d);                                            }                })            })        })    </script></head><body> <div>    用户名<input type="text" id="txtUserName" /><span id="spinfo"></span><br />    密码<input type="text" id="txtPwd" />    </div></body></html>

WebService1.asmx

 [WebMethod]        public string ValidateUser(string username)        {            if (username == "onlifes")            {                return "用户名已被占用，请选择其他";            }            else            {                return "可以使用，请继续";            }        }

<html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script src="js/Jquery1.7.js" type="text/javascript"></script>    <script type="text/javascript">        $(function () {            $('#Button1').click(function () {                var username = $('#txtUserName').val();                var pwd = $('#txtPwd').val();                $.ajax({                    type: "post",                    contentType: "application/json",                    url: "WebService1.asmx/Login",                    data: "{username:'" + username + "',pwd:'" + pwd + "'}",                    success: function (bukeyi) {                        if (bukeyi.d == 'true') {                            window.location = 'HTMLPage2.htm';                        }                        else {                            $('#divinfo').text("用户名或密码错误");                        }                    }                })            })        })    </script></head><body>用户名<input id="txtUserName" type="text" /><br />密码<input id="txtPwd" type="text" /><br />    <input id="Button1" type="button" value="登录" /><br />    <div id="divinfo"></div></body></html>

WebService1.asmx

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Services;namespace WebAjax{    /// <summary>    /// WebService1 的摘要说明    /// </summary>    [WebService(Namespace = "http://tempuri.org/")]    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]    [System.ComponentModel.ToolboxItem(false)]    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。    [System.Web.Script.Services.ScriptService]    public class WebService1 : System.Web.Services.WebService    {        [WebMethod]        public string HelloWorld()        {            return "Hello World";        }                       [WebMethod]        public string Login(string username, string pwd)        {            if (username == "admin" && pwd == "888888")            {                return "true";            }            else            {                return "false";            }        }            }}