我想等待ajax返回再做下一步处理该怎么做

2024-08-29

如何等待ajax完成再执行相应操作

ajax广泛应用于异步请求,对于大多数业务来说,这是十分方便的,但对于一些特殊的业务,ajax的异步性会起到相反的作用. 例如在ajax请求成功后,后续的操作需要依赖ajax执行成功后的相应操作. // 声明一个表示状态的全局变量 status var status = false; // ajax $.ajax({ url:"/checkUsername", type:"post", success:function(){ status = true; } });

使用spin.js优化等待ajax返回时的页面效果

[本文出自天外归云的博客园] 最近在做一个JIRA信息统计的系统,在统计JIRA关联信息的过程中由于需要等待ajax返回结果到前端,时间较长,所以要添加一段等待时的loading画面,使用spin.js实现效果如下: 使用方法: 1. 在js函数中准备弹出loading效果的地方加上如下代码,弹出loading画面,以下为“调用代码”: bootbox.dialog({ message:'<div style="text-align:center;height:150px;padding-

付款前.检查状态.防止重复付款,需要ajax设置为同步,等待ajax返回结果再使用

$("#surePay").on("touchstart",function(){ var apply_id = $('#apply_id').val(); var kk = 0; $.ajax({ url:"/apply/check_pay_status", type:"get", async: false, data:{"apply_id":apply_id}, dataType:"json&

Jquery 等待ajax返回数据loading控件ShowLoading组件

1.意义开发项目中,前台的页面要发请求到服务器,服务器响应请求返回数据到前台,这段时间,有可能因为返回的数据量较大导致前台页面出现短暂性的等待,此时如果用户因不知情而乱点击有可能造成逻辑混乱,所以此时需要在加载数据中将前台进行提示在加载数据中,利用jquery的遮罩组件可以完成这个功能需求. 2.实现步骤 (1).下载 showLoading.css jquery.showLoading.min.js 两个文件. (2).在jsp中引入这两个文件 <link href="styl

Spring MVC 中Ajax返回字符串

今天想用Ajax返回一个html的字符串数据. JavaScript代码: function saveMarkSolve() { //editor1.sync(); //var s = editor1.html(); $.ajax({ type: "GET", dataType: "html", url: "../exceptions/getHtml", //data: "ExceptionId=" + exceptionId

jquery ajax请求方式与提示用户正在处理请稍等，等待数据返回时loading的显示

1.jquery ajax请求方式与提示用户正在处理请稍等为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实现初次使用$.ajax() ,我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面.异步和同步:同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是——浏览器会锁定页面(即所谓的页面假死状态),用户不能操作其它的,必

query等待ajax执行完毕再继续执行下面代码的操作

Jquery等待ajax执行完毕再继续执行下面代码的效果,具体代码如下,其实就是将 jquery ajax 函数的 async 参数设置为 false 即可,该参数默认为 true: $(document).ready(function(){ loadphpernote(); window.open('http://www.phpernote.com'); }); function loadphpernote(){ var url='http://www.phpernote.com/ajax.p

javascprit form表单提交前验证以及ajax返回json

1.今天要做一个手机验证码验证的功能.需求是前端页面点击发送短信验证码,后台接收后通过ajax返回到前端,之后前端在提交时候进行验证.思路很简单,不过做的过程还是学到不少的东西. 1.ajax请求后返回 returning 405 Method Not Allowed 原因是我后台返回的时候没有加上: @ResponseBody注解.加上后返回的数据是json字符串,但是js只能操作json对象.需要把json字符串转为json对象.一般的有三种方式1.JSON.parse();如 var j

jquery操作ajax返回的页面元素

这两天工作不忙,正好从朋友那里拿到一个某个应用的开发文档,相关数据放在了mongodb里,自己电脑可以本地开启服务器然后通过给的借口来获取数据.由于这是一个比较大比较全的一个完整项目,也没有那么多经历全部做一下,就找了其中几部分来做一下,由于是一个电商类的移动端,所以那些数据都是动态加载上去的,通过ajax动态获取然后添加到页面上,所以主要是模板引擎的使用和ajax的运用,其他就是一些样式的操作.虽然以前也做过,但是这次碰到了一个问题,就是需要在ajax返回的内容里找到某个元素,然后给那个元素绑

快速掌握Ajax-Ajax基础实例（Ajax返回Json在Java中的实现）

(转)实例二:Ajax返回Json在Java中的实现转自http://www.cnblogs.com/lsnproj/archive/2012/02/09/2341524.html#2995114 在这篇中主要是说一下使用Json来将后台取得的数据显示到前台页面.可以说这种方法应该是实现无刷新分页的基础,而且在开发过程中经常被用到.这里的后台部分由JAVA来实现. 这个例子也在上一篇中那个项目中实现.新建一个SecondTest.html页面,定义一个按钮,并给这个按钮绑定事件ajaxJson

jquery ajax 返回值中文时乱码或变成问号解决方法

转载自jquery的 ajax返回值为中文时乱码解决方法用jquery的ajax,遇到个问题,服务器端从数据库取到的数据没有出现中文乱码问题(日志打出来是没有乱码的),但是异步传到客户的时候却出现了乱码. 服务器端已经编码过了(UTF-8编码).开始一直怀疑是客户端的问题,比如客户端和服务器端编码不一致啊,也怀疑是不是JQuery的AJAX工具函数中少配了 contentType: "application/x-www-form-urlencoded; charset=utf-8",

$.ajax返回的JSON格式的数据后无法执行success的解决方法

近段时间做项目,在项目使用了ajax技术,遇到了一个奇怪的问题:"$.ajax返回的JSON格式的数据无法执行success",代码是这样写的: 1 $.ajax({ 2 .. 3 dataType:'json', 4 ... 5 success:function(jsonData){ 6 //不执行success 7 }, 8 error:function(error){ 9 //总是执行这个error 10 } 11 }); 百思不得其解啊,为什么会这样子呢?检查了一下返回的JSO

Checkbox的选中删除功能且Ajax返回后清除所选行

转摘:http://javaweb1024.com/qianduan/jQuery/2015/04/13/544.html 功能描述:多选框勾选以后(全部或者部分),需要想后台提交已勾选的数据(Ajax传输),并删除所选数据.一行的数据是以table来划分,页面要删除本行! 代码 : 存放 checkbox的ID值deleteIds=[]; 存放行table数据trs=[]; 选中的checkbox: $targets=$("input[name='id']:checked"); 遍历

Thinkphp 零散知识点(caa/js路径，引入第三方类，ajax返回，session/cookie)

一.关于JS和CSS路径问题 1.找路径是从入口文件index.php来找的,而不是从文件本身所在位置来找, 因为我们访问时是访问的入口文件 2.在存放JS和CSS的时候可以放到public文件夹下 3.可以使用标签引入: 3.1 import标签传统方式的导入外部JS和CSS文件的方法是直接在模板文件使用: 系统提供了专门的标签来简化上面的导入: 3.2 load标签 load标签,通过文件方式导入当前项目的公共JS或者CSS 3.3js和css标签系统还提供了两个标签别名js和css 用

调用AJAX返回JSON、XML数据类型

1.调用AJAX返回JSON数据用下拉列表显示Nation表民族名称主页面: <!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"> <he

javascript 解析ajax返回的xml和json格式的数据

写个例子,以备后用一.JavaScript 解析返回的xml格式的数据: 1.javascript版本的ajax发送请求 (1).创建XMLHttpRequest对象,这个对象就是ajax请求的核心,是ajax请求和响应的信息载体,单是不同浏览器创建方式不同 (2).请求路径 (3).使用open方法绑定发送请求 (4).使用send() 方法发送请求 (5).获取服务器返回的字符串 xmlhttpRequest.responseText; (6).获取服务端返回的值,以xml对象的形式存

.Net Task 异步执行不等待结果返回

该文章适合有一定异步编程基础的童鞋开始之前先看.NET官网的一张图: 异步编程中最需弄清的是控制流是如何从方法移动到方法的. 没有理解的话可以去看一下 https://docs.microsoft.com/zh-cn/dotnet/csharp/programming-guide/concepts/async/task-asynchronous-programming-model 这幅图讲的是有结果返回的情况,但是在大多数的场景中比如说:我假设有这样一个需求:在我获取数据的同时需要添加大批量

11月15日下午 ajax返回数据类型为XML数据的处理

ajax返回数据类型为XML数据的处理 /*XML:可扩展标记语言 HTML:超文本标记语言标签:<标签名></标签名> 特点: 1.必须要有一个根 2.标签名自定义 3.对大小写敏感 4.有开始就要有结束 5.同一级别下只能有一个标签名 <nation> <n1> <code>n001</code> <name>汉族</name> </n1> <n2> <code>n00

11月13日上午ajax返回数据类型为JSON数据的处理

ajax返回数据类型为JSON数据的处理 <!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> <meta http

Extjs读取更改或者发送ajax返回请求的结果简单封装

Extjs的submit()方法提交的数据:如下: this.formPanel.getForm().submit({ url:this.saveUrl, method:'POST', params:{ flag:e }, success:function(form,action){

我想等待ajax返回再做下一步处理 该怎么做

热门专题

我想等待ajax返回再做下一步处理该怎么做