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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/david_520042/article/details/51897314

(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);
%>
展开阅读全文

没有更多推荐了,返回首页