ajax – 如何在UpdatePanel中保存历史记录？（ajax保存数据到数据库）

25-03-22 7

本文将带您了解关于ajax–如何在UpdatePanel中保存历史记录？的新内容，同时我们还将为您解释ajax保存数据到数据库的相关知识，另外，我们还将为您提供关于17Flutter仿京东商城项目保存

本文将带您了解关于ajax – 如何在UpdatePanel中保存历史记录？的新内容，同时我们还将为您解释ajax保存数据到数据库的相关知识，另外，我们还将为您提供关于17 Flutter仿京东商城项目保存历史搜索记录删除历史记录清空历史记录长按删除、ajax UpdatePanel用法、ajax – “UpdatePanel”在Razor(mvc 3)、ajax.net updatepanel 中数据量过大导致 500 错误的实用信息。

本文目录一览：

ajax – 如何在UpdatePanel中保存历史记录？（ajax保存数据到数据库）
17 Flutter仿京东商城项目保存历史搜索记录删除历史记录清空历史记录长按删除
ajax UpdatePanel用法
ajax – “UpdatePanel”在Razor(mvc 3)
ajax.net updatepanel 中数据量过大导致 500 错误

ajax – 如何在UpdatePanel中保存历史记录？（ajax保存数据到数据库）

我为Web应用程序创建了一个管理页面,它主要是ajax.几乎所有页面中的事件都会更新页面上的一个UpdatePanel.
如何在用户的历史记录中保存每个UpdatePanel状态,以便当用户按下浏览器“返回”按钮时,它们不会被重定向到登录屏幕？

解决方法

在.NET 3.5 SP 1中添加了管理历史记录的功能.以下是一些有助于您加快速度的资源.

Introduction to ASP.NET Ajax History

ASP.NET Podcast Show #117 – Using the History Functionality with the ASP.NET AJAX UpdatePanel in .NET 3.5 Service Pack 1 Beta 1

ASP.NET Podcast Show #119 – Using the History (Back) Functionality with the ASP.NET AJAX Web Services in .NET 3.5 Service Pack 1 Beta 1

17 Flutter仿京东商城项目保存历史搜索记录删除历史记录清空历史记录长按删除

Storage.dart

import ''package:shared_preferences/shared_preferences.dart'';
class Storage{
  static Future<void> setString(key,value) async{
    SharedPreferences sp=await SharedPreferences.getInstance();
    sp.setString(key, value);
  }

  static Future<String> getString(key) async{
    SharedPreferences sp=await SharedPreferences.getInstance();
    return sp.getString(key);
  }
  
  static Future<String> remove(key) async{
    SharedPreferences sp=await SharedPreferences.getInstance();
    sp.remove(key);
  }

    static Future<String> clear(key) async{
    SharedPreferences sp=await SharedPreferences.getInstance();
    sp.clear();
  }
}

SearchServices.dart

import ''dart:convert'';
import ''Storage.dart'';

class SearchServices {
  static setHistoryData(keywords) async {
    /**
     * 1.获取本地存储里面的数据。(searchList)
     * 2.判断本地存储是否有数据
     * 2.1如果有数据：
     *  1.读取本地存储的数据。
     * 2.判断本地存储中有没有当前数据；
     * 3.如果有不做操作
     * 如果没有当前数据，本地存储的数据和当前数据拼接后重新写入。
     * 2.2如果没有数据：
     * 直接把当前数据放在数组中写入到本地存储。
     * 
     * 
     *  */
    try {
      List searchListData = json.decode(await Storage.getString(''searchList''));
      // print(searchListData);
      var hasData = searchListData.any((v) {
        return v == keywords;
      });
      if (!hasData) {
        searchListData.add(keywords);
        await Storage.setString(''searchList'', json.encode(searchListData));
      }
    } catch (e) {
      List tempList = new List();
      tempList.add(keywords);
      await Storage.setString(''searchList'', json.encode(tempList));
    }
  }

  static getHistoryList() async {
    try {
      List searchListData = json.decode(await Storage.getString(''searchList''));
      return searchListData;
    } catch (e) {
      return [];
    }
  }

  static removeHistoryList() async {
    await Storage.remove(''searchList'');
  }
}

Search.dart

import ''package:flutter/material.dart'';
import ''package:flutter_jdshop/services/ScreenAdaper.dart'';
import ''package:flutter_jdshop/services/SearchServices.dart'';

class SearchPage extends StatefulWidget {
  SearchPage({Key key}) : super(key: key);

  _SearchPageState createState() => _SearchPageState();
}

class _SearchPageState extends State<SearchPage> {
  var _keywords;
  List _historyListData = [];
  @override
  void initState() {
    super.initState();
    this._historyListWidget();
  }

  _getHistoryData() async {
    var _historyListData = await SearchServices.getHistoryList();
    setState(() {
     this._historyListData=_historyListData; 
    });
  }

  Widget _historyListWidget() {
    if (_historyListData.length > 0) {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Container(
            child: Text(''历史记录'', style: Theme.of(context).textTheme.title),
          ),
          Divider(),
          Column(
            children: this._historyListData.map((value) {
              return Column(
                children: <Widget>[
                  ListTile(
                    title: Text(''${value}''),
                  ),
                  Divider()
                ],
              );
            }).toList(),
          ),
          SizedBox(height: 100),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              InkWell(
                onTap: () {
                  SearchServices.removeHistoryList();
                  this._getHistoryData();
                },
                child: Container(
                  width: ScreenAdaper.width(400),
                  height: ScreenAdaper.height(64),
                  decoration: BoxDecoration(
                      border: Border.all(color: Colors.black54, width: 1)),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[Icon(Icons.delete), Text(''清空历史记录'')],
                  ),
                ),
              )
            ],
          )
        ],
      );
    } else {
      return Text('''');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Container(
            child: TextField(
              autofocus: true,
              decoration: InputDecoration(
                  border: OutlineInputBorder(
                      borderRadius: BorderRadius.circular(30),
                      borderSide: BorderSide.none)),
              onChanged: (value) {
                this._keywords = value;
              },
            ),
            height: ScreenAdaper.height(68),
            decoration: BoxDecoration(
                color: Color.fromRGBO(233, 233, 233, 0.8),
                borderRadius: BorderRadius.circular(30)),
          ),
          actions: <Widget>[
            InkWell(
              child: Container(
                height: ScreenAdaper.height(68),
                width: ScreenAdaper.width(80),
                child: Row(
                  children: <Widget>[Text(''搜索'')],
                ),
              ),
              onTap: () {
                SearchServices.setHistoryData(this._keywords);
                Navigator.pushReplacementNamed(context, ''/productList'',
                    arguments: {"keywords": this._keywords});
              },
            )
          ],
        ),
        body: Container(
          padding: EdgeInsets.all(10),
          child: ListView(
            children: <Widget>[
              Container(
                child: Text(''热搜'', style: Theme.of(context).textTheme.title),
              ),
              Divider(),
              Wrap(
                children: <Widget>[
                  Container(
                    padding: EdgeInsets.all(10),
                    margin: EdgeInsets.all(10),
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(233, 233, 233, 0.9),
                        borderRadius: BorderRadius.circular(10)),
                    child: Text(''女装''),
                  ),
                  Container(
                    padding: EdgeInsets.all(10),
                    margin: EdgeInsets.all(10),
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(233, 233, 233, 0.9),
                        borderRadius: BorderRadius.circular(10)),
                    child: Text(''女装''),
                  ),
                  Container(
                    padding: EdgeInsets.all(10),
                    margin: EdgeInsets.all(10),
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(233, 233, 233, 0.9),
                        borderRadius: BorderRadius.circular(10)),
                    child: Text(''女装''),
                  ),
                  Container(
                    padding: EdgeInsets.all(10),
                    margin: EdgeInsets.all(10),
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(233, 233, 233, 0.9),
                        borderRadius: BorderRadius.circular(10)),
                    child: Text(''女装''),
                  ),
                  Container(
                    padding: EdgeInsets.all(10),
                    margin: EdgeInsets.all(10),
                    decoration: BoxDecoration(
                        color: Color.fromRGBO(233, 233, 233, 0.9),
                        borderRadius: BorderRadius.circular(10)),
                    child: Text(''女装''),
                  )
                ],
              ),
              SizedBox(height: 10),
              //历史记录：
              _historyListWidget()
            ],
          ),
        ));
  }
}

Home.dart

import ''package:flutter/material.dart'';
import ''../../services/SearchServices.dart'';


//热门推荐：
import ''../../model/ProductModel.dart'';
import ''package:flutter_swiper/flutter_swiper.dart'';
// import ''dart:convert'';
import ''../../services/ScreenAdaper.dart'';
import ''../../config/Config.dart'';
import ''package:dio/dio.dart'';
//轮播图类模型：
import ''../../model/FocusModel.dart'';



class HomePage extends StatefulWidget {
  HomePage({Key key}) : super(key: key);

  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> with AutomaticKeepAliveClientMixin {
  //轮播图：
  //flutter run -d all 链接多个设备的命令：
  List _focusData = [];
  List _hotProductList=[];
  List _bestProductList=[];
    @override
  // TODO: implement wantKeepAlive
  bool get wantKeepAlive => true;
  void initState() {
    super.initState();
    _getFocusData();
    _getHotProductData();
    _getBestProductData();

    SearchServices.setHistoryData(''aaa'');
  }
  //获取轮播图数据：
  _getFocusData() async {
    var api = ''${Config.domain}api/focus'';
    var result = await Dio().get(api);
    var focusList = FocusModel.fromJson(result.data);
    focusList.result.forEach((value) {
      print(value.title);
      print(value.pic);
    });
    setState(() {
      this._focusData = focusList.result;
    });
  }
  //获取猜你喜欢的数据：
  _getHotProductData() async{
    var api=''${Config.domain}api/plist?is_hot=1'';
    var result=await Dio().get(api);
    var hotProductList=ProductModel.fromJson(result.data);
    setState(() {
     this._hotProductList= hotProductList.result;
    });
  }
  //获取热门推荐的数据：
  _getBestProductData() async{
    var api=''${Config.domain}api/plist?is_best=1'';
    var result=await Dio().get(api);
    var bestProductList=ProductModel.fromJson(result.data);
    setState(() {
     this._bestProductList= bestProductList.result;
    });
  }

  Widget _swiperWidget() {
    // List<Map> imgList = [
    //   {"url": "https://www.itying.com/images/flutter/slide01.jpg"},
    //   {"url": "https://www.itying.com/images/flutter/slide02.jpg"},
    //   {"url": "https://www.itying.com/images/flutter/slide03.jpg"}
    // ];
    if (this._focusData.length > 0) {
      return Container(
        child: AspectRatio(
          aspectRatio: 2 / 1,
          child: Swiper(
            itemBuilder: (BuildContext context, int index) {
              String pic=this._focusData[index].pic;
              pic=Config.domain+pic.replaceAll(''\\'', ''/'');
              return new Image.network(
                "${pic}",
                fit: BoxFit.fill,
              );
            },
            itemCount: this._focusData.length,
            pagination: new SwiperPagination(),
            control: new SwiperControl(),
            autoplay: true,
          ),
        ),
      );
    } else {
      return Text(''加载中~'');
    }
  }

  //标题：
  Widget _titleWidget(value) {
    return Container(
      height: ScreenAdaper.height(46),
      margin: EdgeInsets.only(left: ScreenAdaper.width(20)),
      padding: EdgeInsets.only(left: ScreenAdaper.width(20)),
      decoration: BoxDecoration(
          border: Border(
              left: BorderSide(
                  color: Colors.red, width: ScreenAdaper.width(10)))),
      child: Text(value, style: TextStyle(color: Colors.black54)),
    );
  }

  //热门商品：
  Widget _hotProductListWidget() {
    if(this._hotProductList.length>0){
    return Container(
      height: ScreenAdaper.height(240),
      padding: EdgeInsets.all(ScreenAdaper.width(20)),
      // width: double.infinity, //寬度自適應
      child: ListView.builder(
        scrollDirection: Axis.horizontal,
        itemBuilder: (contxt, index) {

          String sPic=this._hotProductList[index].sPic;
          sPic=Config.domain+sPic.replaceAll(''\\'', ''/'');
          return Column(
            children: <Widget>[
              Container(
                height: ScreenAdaper.height(140),
                width: ScreenAdaper.width(140),
                margin: EdgeInsets.only(right: ScreenAdaper.width(21)),
                child: Image.network(
                   "${sPic}",
                  fit: BoxFit.cover),
              ),
              Container(
                padding: EdgeInsets.only(top: ScreenAdaper.height(10)),
                height: ScreenAdaper.height(44),
                child: Text(
                  "￥${this._hotProductList[index].price}",
                  style: TextStyle(color: Colors.red),
                  ),
              )
            ],
          );
        },
        itemCount: this._hotProductList.length,
      ),
    );
  
    }else{
      return Text(''暂无热门推荐数据'');
    }

  }

  Widget _recProductListWidget() {


    var itemWidth = (ScreenAdaper.getScreenWidth() - 30) / 2;
    return         Container(
          padding: EdgeInsets.all(10),
          child: Wrap(
            runSpacing: 10,
            spacing: 10,
            children:this._bestProductList.map((value){
              //图片：
              var sPic=value.sPic;
              sPic=Config.domain+sPic.replaceAll(''\\'',''/'');

    return Container(
      padding: EdgeInsets.all(ScreenAdaper.width(20)),
      width: itemWidth,
      decoration:
      BoxDecoration(border: Border.all(color: Colors.black12, width: 1)),
      child: Column(
        children: <Widget>[
          Container(
            width: double.infinity,
            child: AspectRatio(
              aspectRatio: 1 / 1,
              child: Image.network(
                  "${sPic}",
                  fit: BoxFit.cover),
            ),
          ),
          Padding(
            padding: EdgeInsets.only(top: ScreenAdaper.height(10)),
            child: Text(
              "${value.title}",
              maxLines: 2,
              overflow: TextOverflow.ellipsis,
              style: TextStyle(color: Colors.black54),
            ),
          ),
          Padding(
            padding: EdgeInsets.only(top: ScreenAdaper.height(20)),
            child: Stack(
              children: <Widget>[
                Align(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    "${value.price}",
                    style: TextStyle(color: Colors.red, fontSize: 16),
                  ),
                ),
                Align(
                  alignment: Alignment.centerRight,
                  child: Text(
                    "￥${value.oldPrice}",
                    style: TextStyle(
                        color: Colors.black54,
                        fontSize: 16,
                        decoration: TextDecoration.lineThrough),
                  ),
                )
              ],
            ),
          )
        ],
      ),
    );
 



            }).toList(),
          ),
        );



  }

  @override
  Widget build(BuildContext context) {
    ScreenAdaper.init(context);
    return ListView(
      children: <Widget>[
        _swiperWidget(),
        SizedBox(height: ScreenAdaper.height(20)),
        _titleWidget("猜你喜欢"),
        _hotProductListWidget(),
        SizedBox(height: ScreenAdaper.height(20)),
        _titleWidget("热门推荐"),
        _recProductListWidget()
      ],
    );
  }
}

ajax UpdatePanel用法

总结

以上是小编为你收集整理的ajax UpdatePanel用法全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

ajax – “UpdatePanel”在Razor(mvc 3)

是否有类似UpdatePanel(在ASPX中)为Razor？

我想每30秒自动刷新数据(例如表格,图表,…).
类似于每30秒点击一次链接：

@Ajax.ActionLink("Refresh","RefreshItems",new AjaxOptions() {
     UpdateTargetId = "ItemList",HttpMethod = "Post"})

感谢Tobi

编辑：

我可能应该补充说,动作链接呈现局部视图.

cshtml中的代码：

<div id="ItemList">
  @Html.Partial("_ItemList",Model)
</div>

控制器中的代码：

[HttpPost]
    public ActionResult RefreshItems() {
        try {
            // Fill List/Model
            ... 

            // Return Partial
            return PartialView("_ItemList",model);
        }
        catch (Exception ex) {

            return RedirectToAction("Index");
        }
    }

如果PartielView可以刷新本身就会创建.

您可以使用Jquery尝试类似以下内容(尚未测试)

<script type="text/javascript">
   $(document).ready(function() {
        setInterval(function()
        {
         // not sure what the controller name is
          $.post('<%= Url.Action("Refresh","RefreshItems") %>',function(data) {
           // Update the ItemList html element
           $('#ItemList').html(data);
          });
        },30000);
   });
</script>

上述代码应该放在包含的页面中,而不是局部视图页面.请记住,部分视图不是一个完整的HTML页面.

我最初的猜测是,这个脚本可以放在部分和修改如下.确保ajax数据类型设置为html.

<script type="text/javascript">
    setInterval(function()
    {
      // not sure what the controller name is
      $.post('<%= Url.Action("Refresh",function(data) {
        // Update the ItemList html element
        $('#ItemList').html(data);
      });
    },30000);
</script>

另一个选择是将javascript存储在单独的js文件中,并在ajax成功回调中使用Jquery getScript函数.

ajax.net updatepanel 中数据量过大导致 500 错误

一个页面莫名其妙的按钮不能点，但是删了数据就可以了，原来是因为updatepanel中数据太多，导致页面报错了。中数据量过大导致 500 错误出现的问题描述：当页面的数据量比较大时，出现异常，详细信息: System.InvalidOperationException: 对象的当前状态使该操作无效问题的原因：出现这个异常的原因正是因为上年12月29号那次微软发布的最后一次非正常更新程序引起的．在这次安全更新中对于asp.net单次的提交量做了一个最大量限制1000，出现这个异常正是因为页面提交量超过了1000这个限制．问题的解决办法： .net 2.0 以上版本在web.config中更改： <appSettings> <add key="aspnet:MaxHttpCollectionKeys" value="5000" /> </appSettings>

关于ajax – 如何在UpdatePanel中保存历史记录？和ajax保存数据到数据库的问题我们已经讲解完毕，感谢您的阅读，如果还想了解更多关于17 Flutter仿京东商城项目保存历史搜索记录删除历史记录清空历史记录长按删除、ajax UpdatePanel用法、ajax – “UpdatePanel”在Razor(mvc 3)、ajax.net updatepanel 中数据量过大导致 500 错误等相关内容，可以在本站寻找。

本文标签：