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

最新推荐文章于 2023-08-24 23:39:51 发布

厦门德仔

最新推荐文章于 2023-08-24 23:39:51 发布

阅读量2.8k

点赞数

分类专栏： # JQuery 文章标签：全局函数get

本文链接：https://blog.csdn.net/david_520042/article/details/51897314

版权

JQuery 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

（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);
%>