[JQ权威指南]$.ajax()方法发送请

来源：互联网发布：推女郎吧最新域名编辑：程序博客网时间：2024/05/01 08:46

测试页:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>$.ajax()方法发送请求</title>    <script type="text/javascript"             src="Jscript/jquery-1.4.2-vsdoc.js">    </script>    <script type="text/javascript"             src="Jscript/jquery-1.4.2.js">    </script>    <style type="text/css">           body{font-size:13px}           .divFrame{width:225px;border:solid 1px #666}           .divFrame .divTitle{padding:5px;background-color:#eee;height:23px}           .divFrame .divTitle span{float:left;padding:2px;padding-top:5px;}           .divFrame .divContent{padding:8px;text-align:center}           .divFrame .divContent .clsShow{font-size:14px;line-height:2.0em}           .divFrame .divContent .clsShow .clsError{font-size:13px;border:solid 1px #cc3300;padding:2px;display:none;margin-bottom:5px;background-color:#ffe0a3}           .txt{border:#666 1px solid;padding:2px;width:150px;margin-right:3px}           .btn {border:#666 1px solid;padding:2px;width:50px;           filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}    </style>    <script type="text/javascript">        $(function() {            $.ajax({ //请求登录页                url: "login.html", //登录静态页                dataType: "html",                success: function(HTML) { //返回页面内容                    $("#frmUserLogin").html(HTML); //将页面内容置入表单                    $("#btnLogin").click(function() { //“登录”按钮单击事件                        //获取用户名称                        var strTxtName = encodeURI($("#txtName").val());                        //获取输入密码                        var strTxtPass = encodeURI($("#txtPass").val());                        //开始发送数据                        $.ajax({ //请求登录处理页                            url: "login.aspx", //登录处理页                            dataType: "html",                            //传送请求数据                            data: { txtName: strTxtName, txtPass: strTxtPass },                            success: function(strValue) { //登录成功后返回的数据                                //根据返回值进行状态显示                                if (strValue == "True") {                                    $(".clsShow").html("操作提示，登录成功！");                                }                                else {                                    $("#divError").show().html("用户名或密码错误！");                                }                            }                        })                    })                }            })        })    </script></head><body>  <form id="frmUserLogin"></form></body></html>

<div class="divFrame">     <div class="divTitle">          <span>用户登录</span>     </div>     <div class="divContent">          <div class="clsShow">               <div id="divError" class="clsError"></div>               <div>名称：<input id="txtName" type="text" class="txt" /></div>               <div>密码：<input id="txtPass" type="password" class="txt" /></div>               <div>                   <input id="btnLogin" type="button" value="登录" class="btn" />&nbsp;&nbsp                   <input id="btnReset"  type="reset" value="取消" class="btn" />               </div>           </div>      </div></div>

<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %><%     string strName = System.Web.HttpUtility.UrlDecode(Request["txtName"]); //解码姓名字符    string strPass = System.Web.HttpUtility.UrlDecode(Request["txtPass"]); //解码密码字符    bool blnLogin = false;    if (strName == "admin" && strPass == "123456")    {        blnLogin = true;    }    Response.Write(blnLogin);%>

0 0