jquery的ajax缓存

最新推荐文章于 2024-01-20 10:11:11 发布

.NET跨平台

最新推荐文章于 2024-01-20 10:11:11 发布

阅读量858

点赞数 1

分类专栏： Jquery及其组件文章标签： jquery ajax 缓存 html .NET

本文链接：https://blog.csdn.net/WuLex/article/details/51801361

版权

Jquery及其组件专栏收录该内容

147 篇文章 3 订阅

订阅专栏

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></title>
        <script src="js/jquery-1.10.2-min.js" type="text/javascript"></script>
        <script src="js/jquery-ajax-cache.js" type="text/javascript"></script>
        <script type="text/javascript">
            var storage = window.localStorage;

            function test() {
                var data = storage.getItem('cacheKey');
                if (!data) { // 如果data为空，发出请求
                    $.ajax({
                        url: 'All.ashx',
                        success: function (response) {
                            if (response !== undefined) {
                                alert(response);
                                storage.setItem('cacheKey', response);
                            }
                            // 其他业务处理。。。          
                        }
                    });
                } else {
                    alert(data+"是缓存的数据！");
                } 
            }
        </script>

    </head>
    <body>
    <input type="button" value="AJAX缓存测试" οnclick="test();"/>
    </body>
</html>

All.ashx如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace JsDemo
{
    /// <summary>
    /// All 的摘要说明
    /// </summary>
    public class All : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            context.Response.Write("Hello World");
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

结果如图: