`
geelong
  • 浏览: 117210 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

ajax 同步 和返回参数的问题

阅读更多

function getrecommendImg2(img) {
   
   
    $.ajax({
        type: "GET",            //http请求方式
        url: "../common/pic.php?figureid=" + img + "&picprop=3",    //服务器段url地址
//        data: "username=" + username,           //发送给服务器段的数据
        dataType: "json", //告诉JQuery返回的数据格式
        success: callback, //定义交互完成,并且服务器正确返回数据时调用的回调函数
        async: false
    });
}

function  callback(data){
    var paths = "";
    paths = data.path;
//    alert(paths);
//    return paths;
    return "a";
}

 

此时调用getrecommendImg2 则返回的参数为空,因为返回参数的语句写在回调函数中

getrecommendImg2并没有返回参数

 

 

解决办法

 

function getrecommendImg2(img) {
   
     paths="";
    $.ajax({
        type: "GET",            //http请求方式
        url: "../common/pic.php?figureid=" + img + "&picprop=3",    //服务器段url地址
//        data: "username=" + username,           //发送给服务器段的数据
        dataType: "json", //告诉JQuery返回的数据格式
        success: function(data){
        paths = data.path;
    }, //定义交互完成,并且服务器正确返回数据时调用的回调函数
        async: false
    });
    return paths;
}

 

把paths声明为全局变量,在回调函数中为它赋值

 

 

分享到:
评论

相关推荐

    ExtJs Ajax 同步问题

    然而,有时我们可能会遇到Ajax同步问题,这通常是由于对异步和同步理解不透彻或者配置不当导致的。下面我们将详细探讨这个问题。 在ExtJS中,Ajax请求主要通过`Ext.Ajax`对象来实现。`Ext.Ajax.request()`方法是...

    extjs ajax同步请求所需js

    标题中提到的"extjs ajax同步请求所需js"是指ExtJS框架中用于执行同步Ajax请求的相关JavaScript代码。在ExtJS中,Ajax请求通常通过`Ext.Ajax`对象来实现。与传统的异步请求不同,同步请求会阻塞浏览器,直到请求完成...

    jquery封装下的ajax同步加载代码实例

    以下是对"jquery封装下的ajax同步加载代码实例"的详细解释: 首先,jQuery的$.ajax()函数是进行AJAX请求的核心方法。这个函数接受一个包含多个选项的对象作为参数,用于定制请求的各个方面。在这个实例中,我们将...

    AJAX同步或异步流程图

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器交换...理解并熟练运用AJAX的同步和异步模式,是提升Web应用性能和交互性的重要手段。

    extjs3.0 ajax 同步请求

    虽然同步 AJAX 请求在特定场景下非常有用,但考虑到它可能导致的性能问题和用户体验下降,建议仅在确实必要的场合使用。同时,在使用同步请求时要注意跨浏览器兼容性问题,并采取相应的解决方案。随着技术的发展,...

    用法 XMLHttpRequest的用法 ajax同步和异步的区别

    ### XMLHttpRequest的用法及AJAX同步与异步的区别 #### 一、XMLHttpRequest简介 `XMLHttpRequest`对象是实现客户端与服务器端异步交互的重要工具之一。它允许JavaScript执行HTTP请求,无需重新加载整个网页即可从...

    ajax参数详解

    而AJAX的参数详解涉及到了在使用AJAX进行数据交互时各个参数的意义及使用方法,以及如何处理返回状态和状态函数来获取数据。 首先,来看看url参数,这是AJAX请求中的必填项,它指定了请求发送的目标地址。url可以是...

    AJAX常见面试问题

    在本文中,我们将详细讨论 AJAX 面试中常见的问题和解决方案。 1.Ajax 的基础知识 在工作中,我们经常需要和后台交互,这时我们需要使用 Ajax 将数据发送到服务器端。在使用 Ajax 时,我们需要了解其基本参数,...

    Jquery ajax 同步阻塞引起的UI线程阻塞问题

    Jquery ajax同步阻塞问题详解 在使用Jquery进行异步数据交互时,常常会遇到ajax请求引起的问题。尤其是在同步模式下,一个请求可能会阻塞浏览器的UI线程,从而造成用户体验的严重下降。本文将详细讨论Jquery ajax...

    ajax 同步请求和异步请求的差异分析

    在JavaScript的世界里,AJAX(Asynchronous ...总的来说,理解AJAX的同步和异步请求的区别是开发高效、用户友好的Web应用的关键。选择合适的请求类型,结合良好的错误处理策略,可以大大提高应用程序的性能和用户体验。

    ajax同步异步简单实现

    AJAX分为同步(synchronous)和异步(asynchronous)两种方式: 1. 同步AJAX:请求发出后,浏览器必须等待服务器响应完成后才能继续进行其他操作,这期间浏览器会呈现挂起状态,用户不能进行任何操作。虽然这种方式...

    Ajax的简单应用以及对比同步提交表格的优点

    总的来说,Ajax技术极大地改进了Web应用的性能和用户体验,特别是与同步提交相比,其异步特性和部分页面更新的能力是现代Web开发不可或缺的一部分。通过理解并熟练运用Ajax,开发者能够创建更加流畅、高效的网页应用...

    jQuery中的ajax async同步和异步详解

    在jQuery的$.ajax()方法中,可以指定一个参数来控制请求的同步和异步行为,这个参数就是async。根据描述,$ .ajax()方法的async参数默认值是true,表示所有的请求默认都是异步的。这一默认设置让程序员在编写代码时...

    AJAX试题

    - **问题**: XMLHttpRequest对象有几个返回状态值? - **选项**: a.3 / b.4 / c.5 / d.6 - **正确答案**: c.5 - **解析**: XMLHttpRequest对象具有5种状态值:0(未初始化)、1(打开)、2(发送)、3(接收数据...

    Ajax同步和异步问题浅析及解决方法

    处理Ajax的同步和异步问题主要依赖于回调函数和`async`设置。回调函数保证了在数据可用后执行特定操作,而设置`async`为`false`则可以强制同步执行,但应谨慎使用,以防止阻塞用户界面。在实际开发中,通常优先考虑...

    jquery ajax 同步异步的执行 return值不能取得的解决方案

    但开发者们可能会遇到一个问题:在$.ajax()方法中,尽管我们试图通过return语句返回一些值,却常常发现这些返回值无法被函数外部获取。这是因为AJAX请求默认是异步执行的,所以即使在success回调函数中设置了变量,...

    AJAX 参考手册 ajax 教程

    此外,还有 Axios、Fetch API 等现代库和 API 用于 AJAX 请求,它们提供了更友好的接口和更强大的功能。 ### 6. 注意事项 - **浏览器兼容性**:不同浏览器对 AJAX 支持程度不一,需考虑兼容性问题,尤其是老版本的...

    ajax帮助文档ajax帮助文档

    7. **安全与性能**:尽管Ajax有许多优点,但也要注意安全问题,比如跨域请求的限制、防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等。此外,过度依赖Ajax可能会增加服务器负载,因此需要合理设计请求策略,避免...

    AJAX教案和例子

    `,参数包括请求类型、URL和是否异步。 3. **设置请求头**:`xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');`,根据需求设置,如发送JSON数据时,应设为`'application/json'`。 4. **...

    Jquery中$.ajax()方法参数详解

    下面,我们将详细介绍$.ajax()方法的各个参数以及它们的作用和用法。 1. url:这是一个字符串类型,指定了发送请求的地址,也就是数据要发送到服务器的哪个URL。如果不指定,通常默认为当前页面地址。URL是AJAX请求...

Global site tag (gtag.js) - Google Analytics