[JQ权威指南]使用全局函数get()向服务器请求数据

来源：互联网发布：淘宝怎么查虚假交易编辑：程序博客网时间：2024/04/26 22:00

（1）功能描述
创建一个服务器页面userinfo.aspx,该页面的功能是获取客户端发送的请求，并分析传来的参数值，返回对应的结果。另外，在客户端HTML页面的文本框中，输入传递的参数值，单击请求数据按钮后，显示服务器返回的数据结果。
（2）实现代码
新建一个HTML文件，加入代码

<!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>$.get发送请求</title>        <script type="text/javascript"             src="Jscript/jquery-1.4.2.js">    </script>        <script type="text/javascript"             src="Jscript/jquery-1.4.2-vsdoc.js">    </script>    <style type="text/css">           body{font-size:13px}           .divFrame{width:260px;border:solid 1px #666}           .divFrame .divTitle{padding:5px;background-color:#eee}           .divFrame .divContent{padding:8px}           .divFrame .divContent .clsShow{font-size:14px}           .btn {border:#666 1px solid;padding:2px;width:80px;           filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}        #txtName        {            width: 104px;        }    </style>    <script type="text/javascript">        $(function () {            $("#Button1").click(function () { //按钮单击事件                //打开文件，并通过回调函数返回服务器响应后的数据                $.get("UserInfo.aspx",                { name: encodeURI($("#txtName").val()) },                function (data) {                    $("#divTip")                    .empty() //先清空标记中的内容                    .html(data); //显示服务器返回的数据                })            })        })    </script></head><body>   <div class="divFrame">         <div class="divTitle">              <span>姓名：</span>              <input id="txtName" type="text" class="txt" />              <input id="Button1" type="button"                      class="btn" value="请求数据" />         </div>         <div class="divContent">              <div id="divTip"></div>         </div>    </div>    </body></html>

新建一个服务器文件userinfo.aspx

<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %><%     string strName = System.Web.HttpUtility.UrlDecode(Request["name"]);//解码姓名字符    string strHTML = "<div class='clsShow'>"; //初始化保存内容变量    if (strName == "龚德辉")    {        strHTML += "姓名：龚德辉<br>";        strHTML += "性别：男<br>";        strHTML += "邮箱：258365567@qq.com<hr>";    }    else if (strName == "李建洲")    {        strHTML += "姓名：李建洲<br>";        strHTML += "性别：女<br>";        strHTML += "邮箱：xiaoli@163.com<hr>";    }    strHTML += "</div>";    Response.Write(strHTML);%>

0 0