局部刷新

最新推荐文章于 2020-04-06 17:21:07 发布
最新推荐文章于 2020-04-06 17:21:07 发布
阅读量496 收藏
点赞数
分类专栏： .NET UpdatePanel 文章标签： ASP UpdatePanel 局部刷新

在B/S架构中实现局部刷新的方式主要用2种：

1.使用AJAX方式

2.使用UpdatePanel控件

 

比较常用的JQuery里面的AJAX方法

$.ajax({
type: "POST",
url: "/Common/SvrAccount.asmx/VlidateUserEmail",
data: "userEmail=" + userEmail,
success: function(data) {
if (data.text == "1") {
alert("此邮箱已有人使用，请换一个");
document.getElementById("txtEmail").value = "";
document.getElementById("txtEmail").focus();
return false;
}
else if (data.text == "2") {
return true;
}
else {
alert(data.text);
return false;
}
},
error: function() { alert("服务器没有返回数据，可能服务器忙，请重试"); return false; },
onerror: "该邮箱不可用，请更换用户名",
onwait: "正在对邮箱进行合法性校验，请稍候..."
});


 

另外一种使用UpdatePanel控件：

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <asp:Button ID="Button1" runat="server" Text="Button" />
                <asp:Button ID="Button2" runat="server" Text="Button" />
                <asp:ScriptManager ID="ScriptManager1"  runat="server" />
                <asp:UpdatePanel ID="UpdatePanel1"   UpdateMode="Conditional" runat="server">
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="Button1" />
                    </Triggers>
                    <ContentTemplate>
                        <fieldset>
                            <legend>UpdatePanel 内容</legend>
                            <%=DateTime.Now.ToString() %>
                        </fieldset>
                    </ContentTemplate>
                </asp:UpdatePanel>
                <fieldset>
                    <legend>UpdatePanel 内容</legend>
                    <%=DateTime.Now.ToString() %>
                </fieldset>
            </div>
        </form>
    </body>
</html>

 

 

Andy----Zhou
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML中fieldset标签概述及使用方法
09-28
之前HTML没有好好学，导致以前看到控件组样式感觉很新奇,fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段,接下来对HTML中fieldset标签的使用进行详细解读，感兴趣的朋友可以了解下，或许对你有所帮助
前端面试知识点总结
简唯
04-26 1104
前端面试的常见问题总结，结合网上的资源整理而来
常见面试题总结
漫天随飞雪的博客
04-06 2244
HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。 其他： HTTP、安全、正则...
一个清新的CSS表单布局
xinkong1010的专栏
11-25 664
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" lang="zh-CN">CSS表单body {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#666666;background:#fff;t
在一个页面修改数据，并且ajax刷新数据列表的数据实现。
weixin_30938149的博客
08-28 880
最近做layui框架发现用别人封装好的东西总是无法满足我想要的效果。于是决定自己重新写。 今天讲分页 我这里将数据增删改查分成了4个页面，各个页面之间相互关联。 1.add 添加页 2.ajaxlist 采用ajax方式分页的数据页 3.edit修改页 4.volist主页 主页信息volist <include file="tp/header"/>...
(HTML控件篇)fieldset和legend标签的属性和使用方法
热门推荐
我的IT世界
05-30 3万+
  晚上在随便看一个网页Ajax无刷新聊天室程序的时候，突然看到了fieldset和legend标签，这是我第一次接触和看到这两个HTML标签，感觉很陌生，这或许就是我从弃医从IT的悲剧吧，没怎么完整的学过HTML，不过我不叹息，亡羊补牢，现在就把这两个标签好好学习学习。知识嘛本来就是一个积累的课程，就比如在大学读了那么多的医学书，那么厚的医学书都啃下了，这点怕啥呢。。  好吧，言归正传，开始
Flutter实现局部刷新
08-18
主要为大家详细介绍了Flutter实现局部刷新，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
HTML页面局部刷新的实现代码
09-22
主要介绍了HTML页面局部刷新的实现代码的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ajaxSubmit局部刷新
09-19
网上很多ajaxSubmit局部刷新的例子，很多没有附带jquery-form.js的下载链接 该例子实现文件上传ajaxSubmit提交局部刷新页面返回结果 不能选0分 所以给1分
thymeleaf局部刷新解决方案.docx
08-05
相信很多朋友在利用thymeleaf进行开发/学习时，遇到一个困境，想要通过th:replace和变量表达式进行联动，实现页面局部刷新，但是总会报错找不到对应模板，明明相同的字符串可以生效，但是用了变量表达式就会失败，...
ajax局部刷新实例 (三种方法推荐)
10-20
下面小编就为大家带来一篇ajax局部刷新实例 (三种方法推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
关于__Federico Milano 的电力系统分析工具箱.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
mlab-upenn 研究小组的心脏模型模拟.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
混合图像创建大师matlab代码.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
中序遍历二叉树-java版本
04-26
在Java中，实现二叉树的中序遍历同样可以通过递归来完成。中序遍历的顺序是：首先递归地中序遍历左子树，然后访问根节点，最后递归地中序遍历右子树。 在这段代码中，Node类定义了二叉树的节点，BinaryTree类包含一个指向根节点的指针和inOrder方法，用于递归地进行中序遍历。printInOrder方法调用inOrder方法并打印出遍历的结果。 在Main类中，我们创建了一个示例二叉树，并调用printInOrder方法来输出中序遍历的结果。输出应该是：4 2 5 1 3，这表示中序遍历的顺序是左子树（4），然后是根节点（2），接着是右子树的左子树（5），然后是右子树的根节点（1），最后是右子树的右子树（3）。
无头单向非循环链表的实现（SList.c）
最新发布
04-26
无头单向非循环链表的实现（函数定义文件）
两个有序链表的合并pta
04-26
"PTA" 通常指的是一种在线编程平台，例如“Pata”或者某些特定学校或组织的编程练习与自动评测系统。在这种平台或系统中，学生或程序员会提交代码来解决各种问题，然后系统会自动运行并评测这些代码的正确性。 当提到“两个有序链表的合并PTA”时，这通常意味着在PTA平台上解决一个特定的问题，即合并两个有序链表。具体任务可能是给定两个已按升序排序的链表，要求编写代码来合并这两个链表，形成一个新的有序链表。
在 Matlab 中创建的图形工具可改善航空航天数据的可视化.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
thymeleaf局部刷新
01-26
Thymeleaf是一种用于在服务器端渲染HTML页面的模板引擎。它可以与Spring框架无缝集成，提供了丰富的标签和表达式来处理动态数据和页面渲染。要实现Thymeleaf的局部刷新，可以使用Thymeleaf的内置标签和表达式来实现。 以下是一种实现Thymeleaf局部刷新的方法： 1. 在HTML页面中，使用Thymeleaf的`th:fragment`标签定义一个片段，例如： ```html <div th:fragment="myFragment"> <!-- 这里是需要局部刷新的内容 --> </div> ``` 2. 在需要局部刷新的地方，使用Thymeleaf的`th:replace`标签引用该片段，例如： ```html <div th:replace="fragments::myFragment"></div> ``` 3. 在后台代码中，根据需要更新的数据，将更新后的HTML片段返回给前端。可以使用Thymeleaf的`TemplateEngine`来渲染HTML片段，例如： ```java @Autowired private TemplateEngine templateEngine; public String getUpdatedFragment() { // 更新数据 // ... // 渲染HTML片段 Context context = new Context(); String fragment = templateEngine.process("myFragment", context); return fragment; } ``` 通过以上步骤，可以实现Thymeleaf的局部刷新效果。当后台数据更新时，只需要返回更新后的HTML片段，前端页面就会自动更新对应的局部内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值