首页
学习
活动
专区
圈层
工具
发布

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

最好是直接返回字符串或者json。...开始做的时候想着,直接用PHP把数组处理好,返回给前端就好直接用了,所以对查询结果进行json编码,这个很简单,利用PHP内置json操作函数json_encode对array进行编码操作,然后return...原本想着直接使用返回的json数据去遍历填充页面了,万万没想到,折腾好大一会儿没成功。使用alert弹了下返回的data,完整的显示是一个json呐,为毛就遍历不到呢。...不得已,去翻了前端基础宝典w3school.com.cn上的关于jquery.ajax的手册部分。找到原话这样描述: 好家伙,虽然datatype定义的是json,这最后不还是个字符串吗?...在json章节中找到了这段: 这就简单了,现在只需将success返回的data丢到eval函数中就完事了,所以站长就匆匆写下这句var dataObj = eval("("+data+")");就操作后续重写

4.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    后端开发必备JQuery常用知识点jQuery.each(object, )1 筛选2 属性3 文档处理4 回调函数

    dataType: "JSON",//预期服务器返回的数据类型 success: function (data) {//请求成功后的回调函数 // 参数:由服务器返回...回调函数拥有两个参数 object:需要遍历的对象或数组 callback:每个成员/元素执行的回调函数。...如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略 1 筛选 find(expr|obj|ele) 搜索所有与指定表达式匹配的元素。是找出正在处理的元素的后代元素的好方法。...jQuery 代码: $("img").attr("src","test.jpg"); 参数key,回调函数 描述: 把src属性的值设置为title属性的值。...4 回调函数 cal.empty() 概述 从列表中删除所有的回调.

    97830

    请求跨域的解决方案

    然后其实jquery会在getJSON方法被触发时,动态的创建一个script,这个script的src会是类似于http://b.com/2.php?...客户端用jQuery函数$.getJSON发出一个ajax请求。服务器生成一个hash,将其格式化成JSON,然后返回给客户端。客户端将其格式化后,放进网页元素中。...response": "Sent via JSONP", "timestamp": "2016-10-04 02:52:51 +0000", "random": 675 } 客户端的JSONP向URL添加了一个回调参数...,在这种情况下,jQuery会生成唯一的函数名,然后传送给服务器。 在服务器,不是直接返回原始JSON,而是将这个回调参数的字符串放到函数定义中,比如"()"。...开发者不需要预先知道函数名,只要回调参数就行了。 回到客户端,返回的函数就像原始JSON对象一样。

    1.6K80

    使用Jsonp解决跨域数据访问问题

    注意,使用这种方法时,你必须在页面中定义回调函数,就像上例中的showPrice一样。 我们通常所说的JSONP服务(远程JSON服务),实际上就是一种扩展的支持在用户定义函数中包含返回数据的能力。...这种方法依赖于必须接受一个回调函数的名字作为参数。 然后执行这个函数,处理JSON数据,并显示在客户页面上。 JQuery的JSONP支持 从JQery 1.2以后,就开始支持JSONP的调用。...在另外的一个域名中指定好回调函数名称,你就可以用下面的形式来就加载JSON数据。     url?callback=?...上例中我们在动态插入到页面的代码中使用了静态的json数据,虽然完成了依次JSONP返回,但仍不是JSONP服务,因为不支持在URL中定义回调函数名称。...symbol=IBM&callback=showPrice symbol是请求条件,callback是回调函数名称。

    1.5K20

    网站跨域的五种解决方式

    解决方案有五: 1、前端使用jsonp (不推荐使用) 当我们正常地请求一个JSON数据的时候,服务端返回的是一串 JSON类型的数据,而我们使用 JSONP模式来请求数据的时候服务端返回的是一段可执行的...data: {         'action': 'aaron'     },     dataType: 'jsonp', // 数据类型     jsonp: 'backfunc', // 指定回调函数名...,与服务器端接收的一致,并回传回来 }) 使用JSONP 模式来请求数据的整个流程:客户端发送一个请求,规定一个可执行的函数名(这里就是 jQuery做了封装的处理,自动帮你生成回调函数并把数据取出来供...success属性方法来调用,而不是传递的一个回调句柄),服务器端接受了这个 backfunc函数名,然后把数据通过实参的形式发送出去 (在jquery 源码中, jsonp的实现方式是动态添加jquery 会在window对象中加载一个全局的函数,当 代码插入时函数执行,执行完毕后就 会被移除。

    1.6K40

    JavaScript类库---JQuery(一)

    返回一个新创建的JQuery对象; 另:JQuery中定义的许多方法返回值都是JQuery对象(方法的调用者);JQuery中函数:.each() JQuery中方法:**.each()没有符号; JQuery...function(){}); JQuery遍历用的几个基础方法: each(): 例$('div').each(function(index,this){});此方法唯一参数为一个回调函数,回调函数的有两个参数...:索引值和this(指代当前元素Element,原生文档对象),this使用JQuery方法时需要封装一下$(this); 如果回调函数返回false时,遍历将中断; map(); 例$(':checkbox...').map(function(){return this.name}).toArray();   参数与以上方法基本相同,回调函数中的参数可以不写,且回调函数返回null或undefined时,此值将被忽略...;map的返回值为新的包含回调函数所有返回值的JQuery对象; index() : 参数为一个元素或字符串(当做CSS选择器使用),返回值为该元素在此JQuery对象中的索引值,找不到返回-1; is

    4.9K30

    jQuery 教程

    “demo_test_post.php” 中的 PHP 脚本读取这些参数,对它们进行处理,然后返回结果。 第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。...jQuery.Callbacks() 函数,返回一个多功能对象,此对象提供了一种强大的方法来管理回调列表。...方法 描述 $.Callbacks() 一个多用途的回调列表对象,用来管理回调函数列表 callbacks.add() 在回调列表中添加一个回调或回调的集合 callbacks.disable() 禁用回调列表中的回调函数...() 确定回调是否至少已经调用一次 callbacks.firewith() 给定的上下文和参数访问列表中的所有回调 callbacks.has() 判断回调列表中是否添加过某回调函数 callbacks.lock...它可注册多个回调函数到回调列表,调用回调列表并且传递异步或同步功能的成功或失败的状态。 延迟对象是可链接的,类似于一个 jQuery 对象可链接的方式,区别于它有自己的方法。

    20.8K20

    jQuery学习笔记

    请求与回调 jQuery的AJAX,核心的请求处理函数只有一个,就是 $.ajax(),然后就是一个简单的上层函数。...jQuery还提供了一个 jQuery.when()的回调管理函数,可以用于方便地管理多个事件并发的情况。...这是两次 defer.done 的结果,第一个回调函数返回了一个新的 defer 没任何作用。...flags是空格分割的多个字符串,以定义此回调对象的行为: once 回调链只能被激发一次 memory 回调链被激发后,新添加的函数被立即执行 unique 相同的回调函数只能被添加一次 stopOnFalse...当有回调函数返回 false时终止调用链的执行 CallbackS的控制方法: callbacks.add() 添加一个或一串回调函数 callbacks.fire() 激发回调 callbacks.remove

    4.3K20

    你真的知道ajax的全部吗?

    通常的解决方法是,为它们指定回调函数(callback)。即事先规定,一旦它们运行结束,应该调用哪些函数。 但是,在回调函数方面,jQuery的功能非常弱。...为了改变这一点,jQuery开发团队就设计了deferred对象。 简单说,deferred对象就是jQuery的回调函数解决方案。...如果直接返回dtd,$.when()的默认执行状态为"已完成",立即触发后面的done()方法,这就失去回调函数的作用了。...其次,当操作完成后,必须手动改变Deferred对象的执行状态,否则回调函数无法触发。...; }); (运行代码示例6) jQuery规定,$.Deferred()可以接受一个函数作为参数,该函数将在$.Deferred()返回结果之前执行。

    1.3K70

    jQuery源码解析之$.queue()、$.dequeue()和jQuery.Callbacks()

    七、jQuery.Callbacks() 作用: jQuery的callbacks回调方法,返回一个object,里面包含 a、b、c 方法,在执行任意一个方法后,这个方法依旧返回 a、b、c 方法,所以...the callback list can only be fired once (like a Deferred) * 保持跟踪之前的values,并且会在list用最新的values触发后,调用该回调函数...list中的回调函数 // Fire callbacks fire = function() { //true // Enforce single-firing...= ""; } } }, // Actual Callbacks object self = { //添加一个回调函数或者是一个回调函数的集合...(2)self.fire() 作用是触发 list 中的回调函数,onece memory的once表示只让fire()触发一次后,就需要清理 list,memory表示是将 list 清空成空数组还是空字符

    1.2K20

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

    key/value 数据 callback (Callback) (可选参数) 请求完成时(不需要是success的)的回调函数 load()方法可以轻松载入静态页面内容到指定jQuery对象。...如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息 返回 responseXML 或 responseText,并作为回调函数参数传递,可用值: “xml”: 返回 XML 文档,可用...使用 JSONP 形式调用函数时, 如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...success Function 请求成功后回调函数。...你无法同时执行success和error两个回调函数 ajaxError 全局事件全局的发生错误时触发 complete (局部事件) 不管你请求成功还是失败,即便是同步请求,你都能在请求完成时触发这个事件

    5.2K100

    JavaScript异步编程设计快速响应的网络应用

    异步函数的编写 调用一个函数(异步函数)时,程序只在该函数返回之后才能继续。这个函数会到导致将来再运行另一个函数(回调函数)。...这种情况下,切记回调有可能被同步调用(返值之前),也有可能被异步调用(返值之后)。 永远不要定义一个潜在同步而返值却有可能用于回调的函数(回调依赖返回值)。...}); 如果一个函数既返回值又运行回调,则需确保回调在返值之后才运行!!...嵌套式回调的解嵌套 JavaScript中最常见的反模式做法是,回调内部再嵌套回调。 请避免两层以上的函数嵌套。...* 第三,这个方法的返回的是事件处理函数的返回值,而不是据有可链性的jQuery对象。

    2.4K31

    Fetch:新一代Ajax API

    但由于XHR接口难用而且落后(不能Promise),所以实际项目中一般采用jQuery这种第三方库封装的Ajax功能。 ?...credentials: "omit"、"same-origin"、"include",默认为"omit"; 注:omit->从不发送Cookie; same-orign->同源才发送Cookie...Headers对象; bodyUsed: 标识response是否已经被读取过; 注:Fecth API为保持对未来“流”API的支持, 限制response只能被读取一次; json(): 返回被解析为...JSON格式的Promise对象; text(): 返回被解析为String格式的Promise对象; Headers常用方法说明: append(name,value) delete(name) get...以前我们上传文件只能通过Form的submit,为了处理上传成功的回调,出现了很多稀奇古怪的hack写法,现在Fetch就允许我们自行控制上传流程!!! 例: ? 怎么样?很给力有木有!!

    94030

    jQuery Ajax 全解析

    当然这里捕捉不到error,因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求: jQuery.get()回调函数里面的 this ,指向的是Ajax...callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值: "xml": 返回 XML 文档,可用 jQuery...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

    10.8K10
    领券