展开

关键词

Ajaxsuccess的json据。

站长最近在项目中用用一个分类的子据,由于表单要填写的据较多,为了实现无刷新的选择操作,就使用ajax做了异步查询。 查询的结果因为是多条据,一直以来动用ajax查的都是单据,还第一次使用多据,惭愧。 TP5中查询的结果已经是一个组对象,如果直接return去,那么success获取的是一个对象,对象操作的结果还是要再一次转换成组,讲起来都觉得麻烦,别说操作了。 开始做的时候想着,直接用PHP把好,返给前端就好直接用了,所以对查询结果进行json编码,这个很简单,利用PHP内置json操作json_encode对array进行编码操作,然后return 这就简单了,现在只需将success的data丢到eval中就完事了,所以站长就匆匆写下这句var dataObj = eval("("+data+")");就操作后续重写html的事情了。

88920

AJAX的四种

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

19620
  • 广告
    关闭

    腾讯云+社区系列公开课上线啦!

    Vite学习指南,基于腾讯云Webify部署项目。

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

    、使用Promise封装ajax()、Promise入门

    只有在请求成功并接收到响应的时候才会执行这个success,这就是.传一个作为参但是不执行,让另一个用,就是 1.2Callback 有点反直觉 callback 有一点「 $.ajax()会返一个promise,然后在后面.then(success,fail)时候,如果成功了就会用第一个参里的success,如果失败了就会用第二个参即fail 看到第二个then里的吧第一次then里return的结果当做参,继续. 所以promise的好是如果想再次用两个,即再次对结果进行,就再then 一下,不需要再次取名字了 then的中文含义:然后! ,失败就用then()第二个参里的 简单的Promise原: 自己封装后的Ajax()返一个new出来的 Promise对象,一个Promise实例,这个Promise实例有一个then

    2.1K51

    ajax传参形式

    complete Function 请求完成后 (请求成功或失败时均用)。参: XMLHttpRequest 对象,成功信息字符串。 如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返 responseXML 或 responseText,并作为传递,可用值: "xml": 返 XML 文档,可用 jQuery 使用 JSONP 形式时, 如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的名,以执行success Function 请求成功后。 (request) { //请求前的... }, success: function(data) { //请求成功时..

    65140

    python测试开发django-130.jQuery中$.ajax()方法发GETPOSTDELETE请求

    complete(xhr,status) 请求完成时运行的(在请求成功或失败之后均用,即在 success 和 error 之后)。 context 为所有 AJAX 相关的规定 “this” 值。 data 规定要发送到服务器的据。 dataFilter(data,type) 用于 XMLHttpRequest 原始响应据的。 dataType 预期的服务器响应的据类型。 error(xhr,status,error) 如果请求失败要运行的。 global 布尔值,规定是否为请求触发全局 AJAX 事件程序。默认是 true。 jsonp 在一个 jsonp 中重写的字符串。 jsonpCallback 在一个 jsonp 中规定的名称。 password 规定在 HTTP 访问认证请求中使用的密码。

    9820

    JavaScript 框架学习(JQuery)

    如果需要 $.ajax() 得到的据,需要使用。 dataFilter:在请求成功之后用。传入返据以及“dataType”参的值。并且必须返(经的)据传递给successsuccess:当请求之后用。传入返后的据,以及包含成功代码的字符串。 complete:当请求完成之后用这个,无论成功或失败。 ②据类型 $.ajax() 依赖服务器提供的信息来据。 通过指定 dataType选项还可以指定不同的方式。 success(data, textStatus, jqXHR):请求成功之后。参由服务器返,并根据dataType参进行据。

    15410

    Ajax介绍

    dataType:'JSON', // 4.data 设置发送给服务器的据, 没有参不需要设置 ​ // 5.success 设置请求成功后的 success:function type 请求方式,默认是'GET',常用的还有'POST' dataType 设置返据格式,常用的是'json'格式 data 设置发送给服务器的据,没有参不需要设置 success 设置请求成功后的 , 没有参不需要设置 3. success 设置请求成功后的 4. dataType 设置返据格式,常用的是'json'格式, 默认智能判断据格式 , xhr),dataType).error(func) url 请求地址 data 设置发送给服务器的据,没有参不需要设置 success 设置请求成功后的 data 请求的结果据 status error 表示错误异常 func 错误异常 3.

    20.3K75

    第111天:Ajax之jQuery实现方法

    : null, // 请求成功 14 fail: null // 请求失败 15 } 三、Ajax主体 以上我们定义了一大串请求有关的据,接下来我们就开始Ajax主体的书写 ,这个接收三个参,第一个是jsonpUrl,第二个是jsonp的名,第三个是成功,我们在这个内建立一个src为jsonpUrl的script元素插入到body中,同时,确定了 (如果我们定义了jsonpCallback用它,如果没有就success,一般情况我们不去定义全局的jsonpCallback而传递success来完成jsonp请求)。 六、xhr请求 好,好jsonp请求后,我们开始xhr请求了。 target[name] = options[name]; 27 } 28 } 29 return target; 30 }; 31 32 // jsonp

    25220

    深入了解Promise对象,写出优雅的代码,告别地狱

    实际应用 结束语 引言 我们都知道,一个好的代码是有很强的维护性、阅读性的, 但是在Jacascript中的的量一增多, 很容易影响代码的阅读性,导致代码难以维护, 这种现象就叫做地狱, 为了解决这现象 时,量很多的时候的代码,以及使用Promise以后的代码吧。 console.log(data4) } }) }) 使用或不使用Promise, 这区别已经很明显了吧, 显而易见,使用完Promise后, 这种里面嵌套的代码就变得很简洁 时,就于该状态,并且会then reject: 拒绝状态,当我们主动了reject时 , 就于该状态,并且会catch 三、then( ) then 是Promise中的一个方法 '] 上述代码中, all 传入一个组,组中的每个元素都是一个Promise实例, 只有当组中的每个Promise实例都于 fulfill 状态时,才会用外部新包装成的Promise 的

    11410

    jQuery的ajax详解

    jQuery内部也封装了对原生ajax请求的方法,可以很方便我们的对后台异步请求success 类型:Function 请求成功后的。 参:由服务器返,并根据 dataType 参进行后的据;描述状态的字符串。 这是一个 Ajax 事件。 jsonp 类型:String 在一个 jsonp 请求中重写的名字。这个值用来替代在 "callback=?" jsonpCallback 类型:String 为 jsonp 请求指定一个名。这个值将用来取代 jQuery 自动生成的随机名。 这主要用来让 jQuery 生成度独特的名,这样管请求更容易,也能方便地提供和错误。你也可以在想让浏览器缓存 GET 请求的时候,指定这个名。

    47900

    前端自动化测试实践03—jest异步&mock

    一般项目代码中会有不少异步 ajax 请求,例如测试下面 async.js 中的代码 import axios from 'axios'; // 传入 callback 进行 export const done(),当接口404会导致用例不执行 done(); }) }) 【2】返 promise 成功,需要指定返 expect 量,否则可能直接走失败分支跳过 test }) }) 失败,需要指定返 expect 量,否则可能直接走成功分支跳过 test('fetchData2 返结果为 404', () => { // 当接口不为404,则不会走catch ({ data: { success: true } }); }) 成功方式2 test('fetchData2 返结果为 { success: true }', async /mock'); 4. mock - function 模拟用 对于单元测试,无需关心外部传入的的实现,使用 jest.fn 生成一个 mock ,可以捕获用和返结果,以及this

    1.5K75

    jQuery - Ajax详解分析(三)

    如果要 $.ajax() 得到的据,则需要使用:beforeSend、error、dataFilter、success、complete。 并且必须返新的据(可能是过的)传递给 success success 当请求之后用。传入返后的据,以及包含成功代码的字符串。 complete 当请求完成之后用这个,无论成功或失败。传入 XMLHttpRequest 对象,以及一个包含成功或错误代码的字符串。 $.ajax()的返值为 jqXHR对象,因此可以利用 jqXHR对象的方法() jqXHR.done(function( data, textStatus, jqXHR ) {}); 成功选项的可选构造器 这四个是官网推荐的,可以取代上面四个,详细看http://api.jquery.com/jQuery.ajax/ jqXHR对象的属性 readyState responseXML

    6900

    简单的Ajax封装

    : 请求成功后的; **error: 请求失败后的; */ function ajax(opts){ //一、设置默认参 defaults = { opts){ defaults[key] = opts[key]; } //三、对据进行 if(typeof defaults.data === 'object method //缓存 defaults.cache = defaults.cache ? alert('返据是:' + data); } }); ajax({   url: '1.php',   data: 'name=ivan&sex=male&age=23',   cache : false,   success: function (data){ alert('返据是:' + data); } }); 关于ajax缓存 只要是URL相同的GET请求,浏览器会使用缓存

    46060

    简单的Ajax封装

    : 请求成功后的; **error: 请求失败后的; */ function ajax(opts){ //一、设置默认参 defaults = { opts){ defaults[key] = opts[key]; } //三、对据进行 if(typeof defaults.data === 'object method //缓存 defaults.cache = defaults.cache ? alert('返据是:' + data); } }); ajax({   url: '1.php',   data: 'name=ivan&sex=male&age=23',   cache : false,   success: function (data){ alert('返据是:' + data); } }); 关于ajax缓存 只要是URL相同的GET请求,浏览器会使用缓存

    38890

    简单的Ajax封装

    : 请求成功后的; **error: 请求失败后的; */ function ajax(opts){ //一、设置默认参 defaults = { opts){ defaults[key] = opts[key]; } //三、对据进行 if(typeof defaults.data === 'object method //缓存 defaults.cache = defaults.cache ? alert('返据是:' + data); } }); ajax({   url: '1.php',   data: 'name=ivan&sex=male&age=23',   cache : false,   success: function (data){ alert('返据是:' + data); } }); 关于ajax缓存 只要是URL相同的GET请求,浏览器会使用缓存

    23720

    jQuery ajax() 方法

    描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求。 .ajaxComplete() 当 Ajax 请求完成时注册要用的程序。这是一个 Ajax 事件。 callback (Function) :(可选) 载入成功时(只有当Response的返状态是success才是用该方法)。 这是一个简单的 GET 请求功能以取代复杂 $.ajax 。 callback (Function) :(可选) 载入成功时(只有当Response的返状态是success才是用该方法)。 为正确的名,以执行据类型设置为 "jsonp" 时,jQuery 将自动success Function 请求成功后

    81160

    JavaScript 中同步与异步知识点整

    同步与异步 在 ES5 中,异步编程的传统解决方案是通过或事件监听。undefined在 ES6 中,Promise 成为了异步编程的一种更合更强大的解决方案。 console.log(2); 上述代码是一种传统异步编程的解决方案:通过实现。 假设多个请求存在依赖性,你可能就会写出如下代码: ajax(url, () => { // 逻辑 ajax(url1, () => { // 逻辑 ajax(url2, () => { // 逻辑 }) }) }) Promise Promise 是 ES6 中异步编程的一种解决方案,比传统的解决方案(或事件监听)更合且更强大。 它有三个状态: pending:初始状态 fulfilled:操作成功 rejected:操作失败 当 promise 状态发生改变,就会触发 then() 里的响应后续步骤。

    13010

    扫码关注云+社区

    领取腾讯云代金券