`

jquery 如何让ajax函数成功返回后,再继续执行

阅读更多

一开始想让AJAX执行成功后,根据返回值,再判断往下执行的逻辑。
后来发现,jquery的ajax成功返回的值,不能通过return(像子函数返回值)把值传回上一级的函数。
于是只能把值,异步传到页面上(如隐藏域的值)。

于是通过获取隐藏域的值,再判断往下执行的逻辑。因此就:必须让ajax函数成功返回后,再继续执行

上一级函数的未完成的部分。

async: false 就是在AJAX未返回时,用来暂停程序往下执行的。

附实例如下:

    ajaxCertificateAdd($("#Recipient").val(), "#CertificateInputId", "#CertificateSpanId");

    if($("#CertificateInputId").val().length > 0){

     alert('检测成功');

   }

    function ajaxCertificateAdd(Recipient, CertificateInputId, CertificateSpanId) {
        $.ajax({
            type: "get",
            async: false,
            dataType: "json",
            url: QUERY_TOOLS_TOOLSMANAGEMENT,
            data: {
                "type": 'checkCertificate',
                "recipient": Recipient
            },
            success: function(response) {
                if (response.success) {
                    //console.log(response.data);
                    if (response.data.length > 0) {
                        $(CertificateInputId).val(response.data);
                        $(CertificateSpanId).html(response.data + "  检验通过");
                    } else {
                        $(CertificateInputId).val("");
                        $(CertificateSpanId).html("&nbsp;&nbsp;<font color=green>检验未通过<font>");
                    }
                } else {
                    alert(response.message);
                }
            },
            error: function() {
                alertError();
            }
        });
    }

分享到:
评论

相关推荐

    探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行

    总结起来,要让Ajax执行完后再继续执行代码,可以采用同步请求的方式,但要注意同步请求的负面影响。对于更好的用户体验和程序的可维护性,推荐使用异步请求,并在合适的回调函数中处理数据。这样做既保证了代码的...

    Jquery ajax加载等待执行结束再继续执行下面代码操作

    // 调用函数加载数据,确保执行完此函数后再执行window.open loadphpernote(); window.open('***'); }); function loadphpernote() { var url = '***'; var data = 'action=list'; // 设置async为false以确保...

    jquery中ajax函数执行顺序问题之如何设置同步

    如果必须确保某些操作在数据完全加载后再执行,可以考虑使用其他策略,如在AJAX请求的成功回调函数中继续执行逻辑。 此外,在我们的例子中,AJAX请求在执行完毕之后通过回调函数返回值。这种方式是处理异步结果的...

    Java通过jQuery实现ajax异步请求

    1. **jQuery AJAX API**:在jQuery中,我们通常使用`$.ajax()`函数发起一个AJAX请求。该函数接受一系列参数,如URL、请求类型(GET或POST)、数据类型(JSON、HTML等)以及回调函数等。例如,一个简单的GET请求可能...

    ajax_jquery 传智播客ajax课堂源码.rar

    但若需要确保验证完成后再执行下一步操作,可利用jQuery的async属性设置为false,使请求变为同步。 7. **跨域问题**:在实际应用中,Ajax请求可能会遇到同源策略限制,只有当请求的源与当前页面相同才能发送。为...

    jQueryAjax动态刷新技术

    2. **简化的API**: jQuery还提供了一些简化版的AJAX函数,如`$.get()`, `$.post()`, `$.getJSON()`等,它们用于执行特定类型的请求。例如,使用`$.get()`获取数据: ```javascript $.get('your-api-url', ...

    ajax+jquery

    而异步交互则相反,请求一旦发送,浏览器可以继续处理其他任务,当服务器响应时,再通过回调函数处理结果。形象地说,异步就像“你去忙你的,传输完告诉我”,而同步则是“你要看着我做完”。 **2. XMLHttpRequest ...

    jquery的AJAX属性

    - 异步模式下,发送 AJAX 请求后,JavaScript 代码将继续执行,不会等待服务器响应。 - 当服务器返回数据时,会触发 `success` 或 `error` 回调函数,此时再处理服务器返回的数据。 - 这种模式可以避免页面假死,...

    JQuery ajax中error返回错误及一直返回error的解答

    如果希望等待一个Ajax请求完成后再执行下一个,可以将`async`设置为`false`,使其变为同步请求。然而,这样做会导致页面阻塞,直到请求完成,这在用户体验上并不理想。 在提供的代码片段中,可以看到一个`$.ajax()`...

    前端项目-jquery-ajaxQueue.zip

    当一个Ajax请求被添加到队列中,它会等待前一个请求完成后再执行,这样就可以避免数据冲突和不必要的等待时间。此外,它还支持错误处理和回调函数,使得我们可以对每个请求的状态进行监控和控制。 使用ajaxQueue,...

    ajax+jquery文件批量上传.doc

    2. **Ajax异步上传**:使用Ajax技术逐个上传文件,确保服务器处理完一个请求后再接收下一个请求,避免文件覆盖问题。 3. **状态显示与反馈**:在文件上传过程中,通过修改DOM元素显示进度条或加载动画,提升用户...

    jquery 中ajax执行的优先级

    尽管开发者希望先执行AJAX请求,再执行提示成功的操作,但是由于AJAX是异步的,所以在AJAX请求发送后,JavaScript代码继续向下执行,并没有等待服务器响应。 为了解决这个问题,作者采取了回调函数的方式处理。在...

    Ajax异步请求服务器(jquery)

    `$.ajax()`方法支持多种选项,如`timeout`(超时时间)、`beforeSend`(发送请求前的回调函数)和`complete`(请求完成后无论成功或失败都会调用的回调函数)等,这些选项可以进一步定制Ajax行为。 6. **跨域Ajax...

    Jquery ajax执行顺序 返回自定义错误信息(实例讲解)

    如果在Ajax请求中将async设置为false,表示请求为同步模式,此时页面将等待该请求完成后再继续执行后续代码,这可以保证多个Ajax请求按照代码中书写的顺序依次执行。 在给定的文件内容中,描述了如何控制多个Ajax...

    jquery中的ajax如何返回结果而非回调方式即为同顺序执行

    然而,有些情况下可能需要同步执行,即等待`$.ajax`请求完成后再执行后续代码,以便返回请求的结果。 标题和描述中提到的“返回结果而非回调方式”是指在`$.ajax`请求中改变其异步行为,使其按照同步顺序执行。通常...

    ajax实现页面内部模块更新

    4. **客户端处理响应**:Ajax请求成功后,客户端的回调函数接收到服务器返回的数据,解析后更新页面内容。 ### 四、进阶技术 1. **jQuery AJAX**:jQuery库提供了一个简洁的API来处理Ajax请求,简化了跨浏览器兼容...

    AJAX jquery

    Ajax可以处理异步交互模式,意味着浏览器不需要等待服务器响应就可以继续响应用户的操作,从而避免了页面的闪烁和重新加载,使得Web应用像桌面应用一样流畅。 在企业应用中,Ajax被广泛使用于各种场景中,例如谷歌...

    AJAX-jQuery讲义.pdf

    总结来说,AJAX是Web2.0时代的标志性技术,它通过XMLHttpRequest对象实现了网页的局部刷新,提升了用户交互体验,而jQuery是一个流行的JavaScript库,简化了AJAX操作和其他DOM操作,让开发者能更高效地构建动态和...

    jquery-part2

    2. 异步请求:文档强调了AJAX请求的异步特性,意味着当Web浏览器发送AJAX请求到服务器时,它不需要等待服务器响应,而可以继续执行其他代码。这使得用户体验更加流畅,因为页面不需要重新加载即可与服务器进行交互。...

Global site tag (gtag.js) - Google Analytics