文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

论Ajax请求拦截表单时为何不能return值，异步和同步

现在验证表单经常会用到Ajax验证，去查看用户名是否存在或者手机号是否存在啥的，为了方便，就可以使用Ajax进行验证了。...第一次遇到这个问题是上课时用.Net MVC然后里面有一个要求是验证用户名是否存在，一开始我也是半天请求之后不能进行表单拦截。...然后我以为是ajax里面不能返回值，然后进行了修改，在外面指定了一个result变量，进行赋值，然后再return这个result function checkUser...后来百度发现Ajax默认是开启异步的，恍然大悟。 于是将async关闭后。...之前我以为是作用域问题，然后看似好像解决了，但是其实是错误的，昨天我用Python写验证拦截的时候，发现也是直接跳转了，试了一节课，总算发现了Ajax异步的问题。

76910
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    富Web应用的架构与转化方法：Web应用系列第二篇

    鉴于Ajax和丰富的UI组件的组合，我们看到单个工作单元在一个页面上完成。这大大减少了Web应用程序中的页面数量，但代价是单个页面内的复杂性增加。...三、Ajax表单提交 我们将看到的第一个特性，是能够提交表单数据并仅在页面的该部分调用JSF生命周期而无需重新加载页面。 以下是声明注册表单的页面部分（简化以供讨论）： ?...繁重的工作由标签完成。 这类似于标记，但有两个属性： execute 此属性设置为对要提交的组件进行分组的面板的id。...发票输入表单周围添加了。 删除了两个组件，因为页面的上半部分将与页面底部交互而不提交整个页面。 ?...探索Ajax表单提交 已替换为其Ajax等效项。

    5.6K20

    Ajax 异步的JavaScript与XML技术

    Ajax技术简介 AJAX即“Asynchronous JavaScript and XML”（异步的JavaScript与XML技术），指的是一套综合了多项技术的浏览器端网页开发技术。...Ajax的概念由杰西·詹姆士·贾瑞特所提出。传统的Web应用允许用户端填写表单（form），当提交表单时就向网页服务器发送一个请求。...服务器接收并处理传来的表单，然后送回一个新的网页，但这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML码往往是相同的。...同时，很多的处理工作可以在发出请求的客户端机器上完成，因此Web服务器的负荷也减少了。...JSON技术 【JavaScript】对象表示法JSON 用jQuery实现Ajax jQuery.ajax([settings]) type：类型，“POST”或“GET”，默认为“GET” url：

    1.9K10

    学习使用YUI3

    我在考虑，能否将JS代码写在每个表单中，通过IO将表单调入到当前页面，然后JS生效，再进行提交呢？ 这样对应的表单带着自己的JS，逻辑上就比较清楚。...; } } }); 这里作者提供了一个解决的办法，但是提到了一个缺点，用户在被搜索引擎导向到这个页面后这些代码还是不能够执行。 那么有什么办法解决呢？...但是有一个问题需要注意，就是通过ajax传递过来的js代码中不能含有注释，否则 eval 的时候会报错，这个是在 ie 下发现的错误。 3、YUI3还是不够稳定。...在排查这个错误的时候因为不了解 YUI Loader 的工作原理，所以费了一些周折，同样不了解的同学可以去 这里 看一下，补充一下相关知识。...但同时丧失了 combo 的这个节省带宽的优势，本地有办法自己搭建一个 combo 么?

    74520

    django 1.8 官方文档翻译： 3-4-3 使用基于类的视图处理表单

    模型的表单 通用视图在于模型一起工作时会真正光芒四射。这些通用的视图将自动创建一个ModelForm，只要它们能知道使用哪一个模型类： 如果给出model属性，则使用该模型类。...fields 属性的工作方式与ModelForm 的内部Meta类的fields 属性相同。...如果你同时指定fields 和form_class 属性，将引发一个ImproperlyConfigured 异常。...Changed in Django 1.8: 以前，如果fields 和form_class 两个都指定，会默默地忽略 fields。...AJAX 示例 下面是一个简单的实例，展示你可以如何实现一个表单，使它可以同时为AJAX 请求和‘普通的’表单POST 工作： from django.http import JsonResponse

    3.1K20

    jquery 绑定事件 - submit() 用户递交表单

    进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发） mouseenter() 鼠标进入（进入子元素不触发） mouseleave() 鼠标离开（离开子元素不触发） hover() 同时为...submit() 用户递交表单 这个submit()函数是在form表单点击submit按钮的时候默认可以触发的。...原因就是很多时候表单的提交并不能使用原生的submit按钮直接提交表单，而是需要触发一个事件，在这个事件处理验证完毕数据，最后在使用ajax进行异步提交处理较好。...可以看到，如果直接用原生的submit提交，就无法校验这两个文本框输入的内容是否正常。 或者简单点就是是否空字符串。 禁用原生的submit事件 注意：该事件只适用于 元素。...这样就可以阻止直接submit了，可以在function里面进行操作完毕，然后再使用ajax进行提交。

    2.7K30

    聊聊几种去Flash改造方案

    | 导语 Web技术飞速发展的如今，我们在感受新技术带来的便捷和喜悦的同时，也时常在考虑着一个问题：老技术如何迁移。...问题归结到第二个问题，如何在前端实现a.qq.com和b.qq.com两个页面之间的通信。...比如IE8-浏览器就不能很好的支持PostMessage特性。这种情况下我们采用另外一种中转跨域的方案：降子域通信。...但是随着ajax技术的兴起，Web 2.0时代的到来，input表单的提交改成ajax提交，页面无刷新的形式。...条件：无任何条件，支持任何浏览器 做法： 1.在页面上构建一个隐藏的iframe 2.在页面上构建一个form表单，表单中包含文件表单和其它附加字段表单,target设为上述iframe的id 3.上传文件动作触发时

    2.1K140

    AJAX如何处理书签和翻页按扭（上）

    本文把这个框架提供的重要发现分两个部分来说明：首先，一个隐藏的HTML表单用来缓存大量短暂的在客户端信息。这些缓存为网页导航提供了强大的支持。...以上两个技术都是通过包装在一个简单的JavaScript库中来实现简单开发。 问题： 书签和回退按钮在传统的多页面的Web应用程序中工作的非常好。...RSH 历史框架由两个JavaScript类组成：DhtmlHistory 和 HistoryStorage。 DhtmlHistory 类为AJAX应用程序提供历史浏览记录的抽象。...我们起初通过使用隐藏的表单字段来实现，因为浏览器自动保存一个表单中字段值，甚至用户离开网页的时候也如此。...在add()执行后的同时，新的地址作为一个链接地址将显示在浏览器的URL地址栏中。

    1.2K30

    CSRF的原理和防范措施

    ii.在响应的cookie里面也设置该随机值 iii.那么用户C在正常提交表单的时候会默认带上表单中的随机值，浏览器会自动带上cookie里面的随机值，那么服务器下次接受到请求之后就可以取出两个值进行校验...在post请求时，form表单或ajax里添加csrf_token（实际项目代码里就是如此简单） 解决原理：添加csrf_token值后，web框架会在响应中自动帮我们生成cookie信息，返回给浏览器...，同时在前端代码会生成一个csrf_token值，然后当你post提交信息时，web框架 会自动比对cookie里和前端form表单或ajax提交上来的csrf_token值，两者一致，说明是当前浏览器发起的正常请求并处理业务逻辑返回响应...，那么第三方网站拿到你的cookie值 为什么不能通过验证呢，因为他没你前端的那个随机生成的token值啊，他总不能跑到你电脑面前查看你的浏览器前端页面自动随机生成的token值吧。...，或者发ajax请求时，会将浏览器的cookie信息（token值）发送给服务器进行token比对，这个过程相对于你发起了两次请 求，第一次是get，第二次才是post，搞清楚这个，你才能明白csrf_token

    88040

    jQuery插件 -- Form表单插件jquery.form.js

    jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。...jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit()， 它们集合了从控制表单元素到决定如何管理提交进程的功能。...show(); 8 }); 9 return false; //阻止表单默认提交 10 }); 通过Form插件的两个核心方法，都可以在不修改表单的HTML代码结构的情况下...，轻易地将表单的提交方式升级为Ajax提交方式 ajaxForm() 和 ajaxSubmit() 都能接受0个或1个参数，当为单个参数时，该参数既可以是一个回调函数，也可以是一个options对象，上面的例子就是回调函数...addressValue[0]) { 22 alert('用户名和地址不能为空，自我介绍可以为空！')

    17.4K50

    Struts2 表单和非表单标签

    熟练使用Struts2标签将大大简化视图页面的代码编辑工作，提高视图页面的维护效率。 ​核心技能部分​ 7.1 表单标签 Struts的表单标签，可分为两种:form标签本身和单个表单元素的标签。...Action的属性值，此时就可以通过指定该表单元素的value属性来完成该工作。...当提交该表单时，两个标签的请求参数都会被提交。 因为该标签会生成两个下拉列表框，因此需要分别指定两个下拉列表框中的集合、Label等属性，下面是该标签常用的属性。...当Jsp使用标签的时候，Struts2会建立一个GUID（全局唯一的字符串）并放在Session中，同时在表单中添加一个隐藏域。...，不能重复提交”，并使用native2Ascii命令进行转化。

    1.6K10

    全网最新、最全的jQuery核心知识，你真的不想点开看看嘛？

    它使HTML文档遍历和操作、事件处理、动画和Ajax等工作变得更加简单，并提供了一个跨多种浏览器的易于使用的API。...所有选择器 所有选择器：选取页面中所有的DOM对象 $("*") 9.3 组合选择器 组合选择器是多个被选中对象间使用逗号隔开后形成的选择器，可以组合 id、class、标签名等 可以任意组合，一个、两个...过滤器不能单独使用，必须和选择器一起使用。...通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON 同时能够把接收的数据更新 到 DOM 对象。...语法：$.get(url,data,function(resp),dataType) 注意：这里边的参数顺序不可以改变，一定要按照这个顺序，且不能缺省 注意：这里的语法格式不同于 $.ajax({name

    8K10

    AJAX-前后端交互的艺术

    当我们通过提交表单向服务器提交内容，或者进行一些其他操作，均涉及到了与浏览器之间的交互，传统的方式与AJAX方式的处理方法是不同的 传统方式：用户触发一个HTTP请求到 Web服务器，服务器接收并处理传来的数据...，然后回送一个新的页面 分析1：这种方式浪费了很多资源和带宽，很多情况下，返回的页面大部分HTML代码是一致的 分析2：客户在服务器处理请求期间，只能等待，不能进行操作 AJAX方式：AJAX可以只向服务器发送请求...看完了这些说明，我们解释一下定义中的两个重点概念：（排版出错，以下英文可忽略，无任何影响）AJAX is Based on Open Standards AJAX is based on the following...(1) 异步的基本概念 异步和同步往往是同时被提到的两个概念，这两者都是基于客户端和服务器端相互通信的基础上 同步：客户端必须的等待服务器端给予的响应，在此期间不能进行其他操作 异步：与同步不同，客户端不需要等待服务器响应...，具有良好的响应能力 将一些工作从服务器转移到客户端中，节省了服务器和带宽资源 按需取数据 ，减轻了服务器负担，也大大减少了冗余请求 缺点： AJAX 主要依赖于JavaScript ，浏览器对 JavaScript

    2.4K10

    双重保险——前端bootstrapValidator验证+后台MVC模型验证

    我们在前端使用BoostrapValidator插件验证最基本的格式要求问题，同时在后台中，使用MVC特有的模型验证来做双重保险。...但是在这里要注意，前端的boostrapValidator插件不能和表单的submit()事件同时使用，举个例子： $(function(){ $(form).boostrapValidator(.......); $(form).submit(); //这两个不能同时使用，要不然不会提交表单到后台. }) bootstrapValidator插件与form.submit()事件冲突，不知道为什么就是验证完之后就是不能提交表单...，最好还是使用ajax提交吧。...同时在前端应该判断好bootstrapValidator是否验证通过再去提交表单。也就是说先判断bootstrapValidator.IsValid()，再去提交表单。

    46010

    无内鬼 整点AJAX

    俗话：ajax技术就是在页面不刷新情况下，和服务器端进行交互的交互。 传统的 Web 应用允许用户端填写表单（form），当提交表单时就向网页服务器发送一个请求。...服务器接收并处理传来的表单，然后送回一个新的网页，但这个做法浪费了许多带宽，因为在前后两个页面中的大部分 HTML 码往往是相同的。...同时，很多的处理工作可以在发出请求的客户端机器上完成，因此 Web 服务器的负荷也减少了。 特点 异步请求，局部刷新。 同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。...不能把网页直接拖入到浏览器执行，必须在 web 服务器模式下访问。 总结：ajax对我们来讲就是书写一段js代码来向服务器发送请求(异步)。...能提高页面载入的速度主要的原因是通过 AJAX 减少了重复数据的载入，也就是说在载入数据的同时将数据缓存到内存中，一旦数据被加载其中，只要我们没有刷新页面，这些数据就会一直被缓存在内存中，当我们提交的

    5.8K50

    ​​Ajax与Git核心知识精要​

    请求方式表单自我提交可以在form标签设置提交到的地址和请求的方法​​action​​：表单提交到的URL地址​​method​​：数据的提交方式(get 或 post)Ajax提交表单​​步骤​​：检测提交行为提交按钮...→绑定点击事件(检测它的点击动作，它会触发默认行为) 或 表单标签→绑定提交事件 ​​注意​​：要阻止表单提交的默认行为(e.preventDefault())使用axios提交表单整体获取表单​​步骤​​...JSON字符串里携带注释值不能使用undefined或函数值只能为字符串、数字、布尔值、null、数组、对象PromiseES6新出的一个构造函数，目的是为了解决回调地狱问题​​语法​​： let 变量名...= new Promise((resolve, reject) => { // resolve和reject是Promise提供的两个函数 // 分别表示成功和失败返回的结果 }); 变量.then...，定时器 → (浏览器，执行后把回调函数推入 -- 宏任务队列)​​注意​​：等执行栈空闲，先清空微任务队列里回调函数，再执行下一个宏任务队列中回调函数Gitgit的三个区域​​工作区​​：处理工作的区域​​暂存区​​

    22510
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券