从AJAX回调返回的JSON未触发 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Ajax处理success回调函数返回的json数据。

站长最近在项目中用调用一个分类的子数据，由于表单要填写的数据较多，为了实现无刷新的选择操作，就使用ajax做了异步查询。...查询的结果因为是多条数据，一直以来动用ajax查的都是单数据，还第一次使用多数据，惭愧。...最好是直接返回字符串或者json。...原本想着直接使用返回的json数据去遍历填充页面了，万万没想到，折腾好大一会儿没成功。使用alert弹了下返回的data，完整的显示是一个json呐，为毛就遍历不到呢。...不得已，去翻了前端基础宝典w3school.com.cn上的关于jquery.ajax的手册部分。找到原话这样描述：好家伙，虽然datatype定义的是json，这最后不还是个字符串吗？

4.4K2 0

Ajax 的回调

会输出什么样的结果呢？如果不想覆盖第一个添加的click事件，需要使用第二种方法。那怎么给ajax添加多个回调事件呢？ jQuery 中 Ajax 的发展 ‍1....链式操作，多次调用但在JQuery的1.5版本中，引入了 Deferred 对象，它返回的是deferred对象，允许注册多个回调函数，并且能传递任何同步或异步函数的执行状态–成功或失败。...也可以添加多个相同的回调函数： 1 $.ajax("test.html") 2 .done(function(){ alert("第一个done回调函数");} ) 3 .fail(function()...; }); 这段代码的意思是，先执行两个操作$.ajax("test1.html")和$.ajax("test2.html")，如果都成功了，就运行done()指定的回调函数；如果有一个失败或都失败了，...就执行fail()指定的回调函数。.

4.9K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery解析ajax 返回的json

一、controller /** * 检查预订开始时间和结束时间的合法性 * @param startTime * @param endTime * @return...{ map.put("rs","0"); map.put("msg","最小时间单位为一个小时"); } return JSON.toJSONString

3.4K2 0

如何取消ajax请求的回调

我们在开发过程中有时候会碰到这样的需求，连续发送多个ajax请求，请求个数大于等于2，后面的ajax请求发送时，如果前面的ajax请求还没有返回，就取消前面ajax请求回调的执行。...在继续后面的内容之前，先同步一个概念，文中所说的取消ajax的请求，指的是取消ajax请求的回调函数，ajax的请求发送后，这个请求我们是阻止不了的，但是可以取消其回调的执行。...我个人感觉不同的浏览器实现机制可能不一样。我们需要了解的是，ajax请求发送后，在回调调用之前，调用abort，这个ajax的回调就不会被执行了。...以上便是原生js如何处理取消ajax请求回调的原理了。...还有就是在React或者Vue项目中，当我们从PageA切换都PageB的时候，由于PageA页面中请求还没有响应，页面已经切换到PageB了，此时需要取消PageA中的请求的回调。

4.9K3 1

ajax中回调的几个坑

大家好，又见面了，我是你们的朋友全栈君。在前端开发中，经常要用ajax去拿后台接口返回的数据，总结几个ajax的回调的常见问题，供大家参考爬坑。...未定义contentType，可能会造成的传入后台的数据乱码，可以加上如下代码在ajax请求中 contentType:'application/json;charset=UTF-8', 约定好传到后台以及后台返回的数据类型...JSON.stringify():将一个JavaScript值(对象或者数组)转换为一个 JSON字符串 JSON.parse():将一个 JSON 字符串转换为对象这两个是常用的json转换的...api 在success或者error回调中，return 是拿不到值的，即使改变了async:false也拿不到，看下面的例子： function checkUserTask(taskid){...flag = false; } } }); return flag; } 在回调的后面

1.3K1 0

AJAX的四种回调函数

jQuery.ajax()提供的 jQuery.ajax() 的 callback 函式其中有 4 個 callbacks: beforeSend complete error success 当Ajax...request 送出到完成，按照： 1、beforeSend 2、success or error 3、complete 调用你定义的 callback 函式，不管成功或者失敗 beforeSend...及 complete定义的的 callbacks 都会被调用 success 或 error 的 callback 则看 Ajax request 的成功或者失败结果來决定调用谁

1.3K2 0

ajax返回JSON时的处理方式

JSON中对象通过“{}”来标识，一个“{}”代表一个对象，如{“AreaId”:”123”}，对象的值是键值对的形式（key：value）。...— 对变量进行 JSON 编码 Report a bug 说明 string json_encode ( mixed value [, int options = 0 ] ) 返回 value...Report a bug 返回值编码成功则返回一个以 JSON 形式表示的 string 或者在失败时返回 FALSE 。用$.ajax()取得json对象。...//其中设置 dataType:”json”,使得返回来的数据格式为json。如果不添加该条属性，则返回来的为字符串。...$.ajax( { type : "POST", url : "testjson!

2.9K1 0

jquery—ajax的异步交互，返回json串，再弹出层显示数据

外部引用的js文件 /** * 外部js文件 */ function showCustomerInfoById(id){ $("#text").html("正在加载，请稍后。。。")...} }); $("#dialog").dialog("open"); $.getJSON( "QueryOneServlet", {"id":id}, function(json...){ var str = ""; if(json.length>0){ for(var i = 0;ijson.length;i++){ str+=..."用户名密码"+json[i].name+""+json[i].age+""; }

711 0

不使用回调函数的ajax请求实现（async和await简化回调函数嵌套）

以最简单的前端ajax请求为例代码先输出1，再输出2，整个程序执行流程并未因http请求而被阻塞，回调函数方案完美的把问题解决。然而，这只是最简单回调函数示例，假如回调函数嵌套了许多层呢？...先把上面用JavaScript实现的多层嵌套回调用同步的方式来改写，代码如下代码由ajax和run这两个函数组成， ajax是对jquery ajax的封装，使之能不使用回调函数就能获得ajax的响应结果...当函数被声明为async类型时，如果这个函数要有返回值，并且返回值要在某个回调函数中获得，那么这个函数的返回结果就只能是一个 Promise对象，就像示例的ajax函数一样，返回值如果是其它类型那就达不到期望的效果...因为没辙啊，试想一下，ajax的回调函数中使用return语句，意义何在？因此也只能变向的通过Promise将返回值扔给外部的调用者。...有两种方法，一种是直接调用，直接调用的话函数前面async关键字就被忽略了，调用函数返回的结果就是一个Promise对象， Promise对像如何使用在这里不进行深究，大致就是像下面这样的写法还是以回调函数的形式出现

3.7K5 0

Ajax详解

达到无刷新的效果。 XMLHttpRequest这个对象的属性及从服务器请求数据的过程：它的属性有：　　onreadystatechange 每次状态改变所触发事件的事件处理程序。　　...responseText 从服务器进程返回数据的字符串形式。　　responseXML 从服务器进程返回的DOM兼容的文档数据对象。...beforeSend：发送请求前执行的函数(全局) success：成功之后执行的回调函数(全局) error：失败之后执行的回调函数(全局)...　　　　　　complete：完成之后执行的回调函数(全局) dataType：将服务器端返回的数据转换成指定类型 "xml": 将服务器端返回的内容转换成...为正确的函数名，以执行回调函数 $.ajax 中的contentType 在http 请求中，get 和 post 是最常用的。

2.5K5 0

Ajax向服务器端发送请求

Ajax是一种异步进程，程序不会等待异步代码执行完后再继续执行后续代码当后续代码需要调用Ajax返回的数据时，可能会有数据未返回的问题 Ajax的实现步骤创建Ajax对象 var xhr =...4 响应已经完成，可以获取并使用服务器响应了 xhr.readyState;//获取Ajax状态值 onreadstatechange事件 Ajax状态码发生变化的时候触发 // 当Ajax状态码发生变化时触发事件...responseText = JSON.parse(responseText); } // 如果请求成功 if (xhr.status == 200) { // 调用成功回调函数, 并且将服务器端返回的结果传递给成功回调函数...defaults.success(responseText, xhr); } else { // 调用失败回调函数并且将xhr对象传递给回调函数 defaults.error(responseText..., xhr); } } // 当网络中断时 xhr.onerror = function () { // 调用失败回调函数并且将xhr对象传递给回调函数 defaults.error

3K2 0

zepto 基础知识(6)

”): JSONP回调查询参数的名称　　　　jsonpCallback (默认： “jsonp{N}”): 全局JSONP回调函数的字符串（或返回的一个函数）名。...102.Ajax回调函数　　你可以指定一下的回调函数，他们将按给定的循序执行：　　　　 1.beforeSend(xhr,setting) 请求发出前回调...103.Promise 回调接口　　如果可选的“callbacks”和"deferred"模块被加载，从$.ajax()返回的XHR对象实现了　　Promise 接口链式的问题。　　　　...3.xhr (默认：XMLHttpRequest factory)：设置为一个函数，它返回XMLHttpRequest实例(或一个兼容的对象) 　　　　　　4.accepts: 从服务器请求的MIME...,未选中的radio,buttons/checkboxs 将会被跳过。

2K10 0

详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON()

附加到请求URL中 callback (Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法) 很显然这是一个专门实现GET方式的函数，使用起来也相当的简单...(Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法) type (String) (可选参数) 请求数据的类型，xml,text,json...如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值: “xml”: 返回 XML 文档，可用...你无法同时执行success和error两个回调函数 ajaxError 全局事件全局的发生错误时触发 complete (局部事件) 不管你请求成功还是失败，即便是同步请求，你都能在请求完成时触发这个事件..., type: "POST" }); 一些你不得不知道的方法写AJAX肯定离不开从页面获取相应的值。

5.2K10 0

初学者必看Ajax的总结

json 转换为对象格式用JSON.parse() 返回值一般为 json 字符串，可以用JSON.parse(xhr.responseText)转化为 JSON 对象从服务器传回的数据是 json...在客户端声明回调函数之后，客户端通过 script 标签向服务器跨域请求数据，然后服务端返回相应的数据并动态执行回调函数用 XMLHttpRequest 时，我们得到一个字符串；要用JSON.parse...(可选) Function 请求完成时的回调函数，无论是请求成功还是失败 $.get()和$.post()方法 load()方法通常用来从 web 服务器上获取静态的数据文件。.../调用本次 Ajax 请求时传递的 options 参数} success Function 请求成功后调用的回调函数，有两个参数(1)由服务器返回，并根据 dataTyppe 参数进行处理后的数据(2...表示是否触发全局 Ajax 事件，设置为 false 将不会触发。

3.6K4 0

jQuery学习笔记

AJAX 1. 请求与回调 jQuery的AJAX，核心的请求处理函数只有一个，就是 $.ajax()，然后就是一个简单的上层函数。...从功能上看，它们都可以添加回调函数，但是，方法的返回值是不同的。前组的返回值是原来的那个 defer对象，而 then返回的是一个新的 defer对象。...这是两次 defer.done 的结果，第一个回调函数返回了一个新的 defer 没任何作用。...更一般地来说 then 的行为，就是前面的注册函数的返回值，会作为后面注册函数的参数值： var defer = $.ajax({ url: '/json', dataType...当有回调函数返回 false时终止调用链的执行 CallbackS的控制方法： callbacks.add() 添加一个或一串回调函数 callbacks.fire() 激发回调 callbacks.remove

4.3K2 0

jquery 操作ajax 相关方法

发送给服务器的字符串后键值对　　　　success() 当请求成功时回调的函数　　　　dataType 从服务器返回的预期数据。　　...　　　　success() 当请求成功时回调的函数 jQuery.getScript() 　　使用一个HTTP GET请求从服务器加载并执行一个JavaScript文件。　　...发送给服务器的字符串后键值对　　　　complete 当请求成功时回调的函数　　用法：　　$('#result').load('ajax/test.html #container')...global 类型：Boolean 是否触发全局AJAX事件。默认为（true）设置为false 将不会触发全局ajax 事件，可用于控制不同的AJAX事件。　　...如果要发送 DOM 树信息或其它不希望转换的信息，请设置为 false。　　success 类型：Function 请求成功后回调函数。这个方法有两个参数：服务器返回数据，返回状态。

4.3K10 0

前后端交互的弯弯绕绕

catch()：添加一个拒绝（操作失败）的回调函数，并返回一个Promisefinally()：添加一个事件处理器，无论Promise对象最后的状态如何都会被调用Promise 的状态Promise对象的状态是对异步操作的描述...：概念：依靠 then() 方法会返回一个新生成的 Promise 对象特性，继续串联下一环任务，直到结束细节：then() 回调函数中的返回值，会影响新生成的 Promise 对象最终状态和结果每个...Promise 对象中管理一个异步任务，用 then 返回 Promise 对象，串联起来好处：通过链式调用，解决回调函数嵌套问题/*** 目标：把回调函数嵌套代码，改成Promise链式调用结构* 需求...的返回值组成一个数组，传递给p的回调函数；只要p1、p2、p3之中有一个被rejected： p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数；let p1...-Ajax详解_ajax解析不懂哪里来的这么多观看Axios3分钟让你学会axios在vue项目中的基本用法Axios使用方法详解，从入门到进阶当作进阶观看：ajax与XHR的理解和使用原生ajax

1.2K2 0

JS 面试总结理论篇

image.png 显示顺序: d c a b 或 d c a b 这是由于ajax的success回调函数被放入异步队列的时间是不确定的，当然如果是本地测试，有可能的顺序是 d a......对象发起请求，设置回调函数用来处理XHR的readystatechnage事件。...然后执行XHR的send方法。在XHR运行中，当其属性readyState改变时readystatechange事件就会被触发，只有在XHR从远端服务器接收响应结束时回调函数才会触发执行。...关于$ajax 中的 async 参数 async默认的设置值为true，这种情况为异步方式，就是说当ajax发送请求后，在等待server端返回的这个过程中，前台会继续执行ajax块后面的脚本，直到...server端返回正确的结果才会去执行success。

1.7K3 0

Ajax与Git核心知识精要

：服务器通过网络给浏览器返回资源的过程Ajax定义：是一种在JS代码中发起一次请求并获取响应数据的技术语法： Ajax提交表单步骤：检测提交行为提交按钮→绑定点击事件(检测它的点击动作，它会触发默认行为) 或表单标签→绑定提交事件注意：要阻止表单提交的默认行为(e.preventDefault...JSON字符串里携带注释值不能使用undefined或函数值只能为字符串、数字、布尔值、null、数组、对象PromiseES6新出的一个构造函数，目的是为了解决回调地狱问题语法： let 变量名...Promise对象的成功结果回调地狱通俗说就是回调函数嵌套回调函数代码演示： myAjax('url', res => { .........-- 微任务队列)宏任务：script标签，事件绑定代码，Ajax，定时器 → (浏览器，执行后把回调函数推入 -- 宏任务队列)注意：等执行栈空闲，先清空微任务队列里回调函数，再执行下一个宏任务队列中回调函数

1991 0

jQuery ajax() 方法

callback (Function) ：(可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。...当然这里捕捉不到error，因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求： jQuery.get()回调函数里面的 this ，指向的是Ajax请求的选项配置信息...callback (Function) ：(可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。...为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时，jQuery 将自动调用回调函数。...如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值:"xml": 返回 XML 文档，可用 jQuery

4.4K6 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭