JavaScriptAjaxGet方式请求实例

最新推荐文章于 2021-08-13 11:15:58 发布

xuxin_2821

最新推荐文章于 2021-08-13 11:15:58 发布

阅读量609

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/xuxin_2821/article/details/97926408

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、前台页面部分代码如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        var request;
        //创建XMLHttpRequest对象
        function createRequest() {
            var request;
            if (window.XMLHttpRequest) {    
                //chrome firefox等浏览器创建的方式
                request = new XMLHttpRequest();
            } else if (ActiveXObject) {
                //ie创建的方式
            request = new ActiveXObject("Microsoft.XMLHTTP");
            
            }
            return request;
        }
        window.onload = function() {
        //页面加载的时候创建XMLHttpRequest
            request = createRequest();
        }
        //发送请求
        function send() {
            //创建请求页面

            //encodeURIComponent   url编码
            request.open("get", "Handler.ashx?name="+encodeURIComponent("张三"), true);
			//get默认会有缓存，这句代码的意思是取消缓存
		request.setRequestHeader("If-Modified-Since", "0");
            //当XMLHttpRequest的状态改变的时候 执行callback
            request.onreadystatechange = callback;
            //发送请求
            request.send();

            document.getElementById("d1").innerHTML = "正在加载...";
        }
        //处理响应
        function callback() {
            //readyState是XMLHttpRequest的状态
            //当readyState==4 已经接收完响应
            if (request.readyState == 4) {
                //status是 http响应的状态
                if (request.status == 200) {
                    //获取request的响应
                    var txt = request.responseText;
                    //给div赋值
                    document.getElementById("d1").innerHTML = txt;
                }
                else {
                    document.getElementById("d1").innerHTML = "服务器内部错误";
                }
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="d1">
    </div>
    <input type="button" value="get" onclick="send()" />
    </form>
</body>
</html>

2、后台页面部分代码如下：

System.Threading.Thread.Sleep(1000);
string name = context.Request.QueryString["name"];

StringBuilder sb = new StringBuilder();
sb.Append("<table border=1>");
sb.Append("<tr><td>"+name+"</td><td>222222222222</td></tr>");
sb.Append("<tr><td>111111111111</td><td>222222222222</td></tr>");
sb.Append("<tr><td>111111111111</td><td>222222222222</td></tr>");
sb.Append("<tr><td>111111111111</td><td>222222222222</td></tr>");
sb.Append("<tr><td>111111111111</td><td>222222222222</td></tr>");
sb.Append("<tr><td>111111111111</td><td>222222222222</td></tr>");
sb.Append("</table>");

context.Response.Write(sb.ToString());

xuxin_2821

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScriptAjaxGet方式请求实例

1、前台页面部分代码如下：<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script type="text/javascript"> var request; //创建...
复制链接

扫一扫

专栏目录