拒绝Ajax，让你的网页同样可以拒不刷新

最新推荐文章于 2024-07-25 10:06:21 发布
最新推荐文章于 2024-07-25 10:06:21 发布
阅读量303 收藏
点赞数
文章标签： ajax javascript 框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaozong/article/details/6510968
版权

原理，在编网页过程中，可以利用框架页面实现异步提交效果，只要在提交时将数据放到另外一个页面，并且是另外的页面大小为1%，即不可见，并提交那个页面就可以。完成后由另外一个页面里面的JavaScript语句对主页面进行局部更新。这样就会避开用JavaScript的异步提交可能产生的错误。

这个压缩包里面的网页做得有点仓促，局部更新后的表单做的不是很好。

拒绝Ajax，同样让你的网页局部刷新，异步递交

yaozong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
不用ajax也可以达到不刷新页面
08-10
<body style="text-align:center"> <!-- 定义提交的表单，及其包含的UI元素 --> <form action="submit.html" method="post" target="myframe"> <h2>请输入用户名和密码：</h2> <p> <!-- 用户名的输入框 --> 用户名：<input type="text" name="username" value="" id="username"/> </p> <p> <!-- 密码的输入框 --> 密码：<input type="passowrd" name="password" value="" id="pwd"/> </p> <p> <!-- 登录按钮，由login函数来做处理 --> <input type="submit" value="登录"/> </p> <p id="msg"></p> </form> <iframe src="" style="display:none;" name="myframe" id="myframe"></iframe> </body>
ajax局部刷新 不刷新整个网页
dituhe7184的博客
01-29 110
<asp:ScriptManager ID="aa" runat="server"/> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:GridView ID="GridView1" runat="server"> </asp:...
jQuery+ajax实现页面不刷新
qq_46212498的博客
09-27 3158
<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-a405391f94.css"> <div id="content_views" class="markdown_views prism-atom-one-dark"> <svg xmlns="ht...
ajax 成功后不刷新
steven.pf
06-12 305
  //删除终端设备 $("img[id=remove]").bind("click",function(e) { var img = $(this); var memberDeviceID = $(this).attr("value"); var datatemp = "memberDeviceID="+memberDeviceID; $.a...
Ajax实现局部刷新
liuzhongyu
03-01 1万+
Ajax简介： Ajax是一种用于创建快速动态网页的技术。 Ajax特点： 通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。 传统的网页（不使用Ajax）如果需要更新内容，必须重载整个网页页面 使用Ajax+jsp+servlet演示一个音乐列表 首先(Eclipse)创建JSP项目后在WebContent引入一个.js包和json.jar以及servl...
深入浅出JSONP--解决ajax跨域问题
haozi3156666的专栏
06-03 811
转载链接 取不到数据！　　上周客户新买了服务器，原本在旧的服务器上放着客户的Web主页信息和一个后台程序(asp.net)，在客户的主页中有一个动态显示最新消息的处理，这个处理就是通过ajax异步从那个后台程序中取得的。由于又购买了新的服务器，客户想把web主页和那个后台程序分开来，后台程序被部署到了新的服务器上。不过这个项目是我的同事小福同志开发的，也就由他来把程序分开部署，然后进行一些小
再见北理工：忆北京研究生的编程时光
杨秀璋的专栏
09-13 6万+
两年前，我本科毕业写了这样一篇文章：《回忆自己的大学四年得与失》，感慨了自己在北理软院四年的所得所失；两年后，我离开了帝都，回到了贵州家乡，准备开启一段新的教师生涯，在此也写一篇文章纪念下吧！ 还是那句话：这篇文章是写给自己的，希望很多年之后，回想起自己北京的六年时光，也是美好的回忆。文章可能有点长，但希望大家像读小说一样耐心品读，看完之后也能温馨一笑或唏嘘摇头...
教你使用 WKWebView 的正确姿势
一头雾水的Blog
12-25 1万+
【https://juejin.im/entry/5975916e518825594d23d777】 作者：谢波 本文为原创文章，转载请注明作者及出处  WKWebView 是 iOS 8 之后提供的一款浏览器组件，其载入速度和内存占用对比老的 UIWebView 来说简直是一次飞跃。下面对比 UIWebView 介绍该组件如何去使用，以及使用过程中会存在的问题。 目录
相关业务问题+系统问题+设计问题整理统计
热门推荐
张彦峰的博客
04-07 168万+
业务系统及其他相关面试问题整理：线上相关问题排查+高并发系统的限流+高并发秒杀系统设计+负载均衡+一个网站有 20 亿 url 存在一个黑名单中，这个黑名单要怎么存？若此时随便输入一个 url，你如何快速判断该 url 是否在这个黑名单中？并且需在给定内存空间（比如：500M）内快速判断出？
JavaScript基于Ajax实现不刷新在网页上动态显示文件内容
10-24
主要介绍了JavaScript基于Ajax实现不刷新在网页上动态显示文件内容,可实现实时显示服务器上txt文件内容的功能,是Ajax基本应用,具有一定参考借鉴价值,需要的朋友可以参考下
Ajax_Ajax网页刷新_服务器_
09-30
使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象...通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。
ASP+Ajax.rar_ajax_不刷新
09-15
通过AJAX，我们可以在不刷新整个页面的情况下更新部分网页内容，提供更流畅的用户体验。尽管名称中有XML，但实际传输的数据格式可以是XML、JSON或其他文本格式。 在"ASP+Ajax异步请求和获取数据(页面不刷新)的实例...
拒绝Ajax，同样让你的网页局部刷新，异步递交
11-10
本篇文章将探讨如何在不依赖Ajax的情况下，依然能够实现在网页上的局部刷新和异步数据递交。 首先，我们可以利用HTML5引入的`<form>`元素的新特性，如`formaction`和`formmethod`属性，来实现异步提交。这些属性...
ajax提交表单实现网页无刷新注册示例
09-04
它允许我们通过JavaScript异步地与服务器交换数据，并在不重新加载整个页面的情况下更新部分网页内容。本示例将详细讲解如何利用Ajax实现无刷新注册功能。 首先，让我们了解Ajax的基本结构。Ajax的核心是...
JQuery 再谈ajax局部刷新
沉默王二
09-28 1万+
JQuery 再谈ajax局部刷新
AjaX 数据爬取
最新发布
qq_39217312的博客
07-25 1116
Ajax 全称： Asynchronous JavaScript and XML , 即异步的 JavaScript 和 XML， 它不是一门编程语言，而是利用 JavaScript 在保证页面不被刷新，页面链接不改变的情况下与服务器交换数据，并更新部分网页内容的技术对于传统网页，如果想要更新内容，就必须刷新整个页面， 但有了 Ajax ，可以在页面不被全部刷新的情况下更新。这个过程实际是页面在后台与服务器进行了数据交互，获取数据后，在利用 JavaScript 改变网页，这样网页内容就会更新了。
Vue.js 与 Ajax（vue-resource）的集成应用
lly202406的博客
07-25 538
Vue.js 是一款流行的前端JavaScript框架，以其简洁、灵活和高效的特点而受到开发者的喜爱。在实际开发中，与后端服务的通信是不可或缺的，而Ajax技术是实现这一功能的关键。在Vue.js中，是一个常用的插件，它提供了一种简单的方式来执行Ajax请求。本文将详细介绍Vue.js与Ajax（通过vue-resource）的集成应用，包括安装、基本使用、进阶技巧以及实际开发中的最佳实践。
深入理解Ajax：实现无刷新网页交互
Ajax（Asynchronous JavaScript and XML）是一种用于创建动态网页的技术，它允许前端客户端与服务器之间进行异步通信，从而实现网页内容的无刷新更新。Ajax并非新技术，而是Web2.0时代的一种开发模式，结合了B/S...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值