如何从 jQuery 中的 $.post() 返回变量？闭包变量？

发布于 2024-09-02 04:12:29 字数 399 浏览 4 评论 0原文

我在传递从 $.post() 函数检索的数据以在代码中的其他位置使用时遇到问题。我想将数据保存为变量并在 post() 函数之外使用它。这是我的代码：

var last_update = function() {
$.post('/--/feed',
{func:'latest', who:$.defaults.login},
function($j){
            _j = JSON.parse($j);    
            alert(_j.text); // This one works    
        });
}
alert(_j.text); // This one doesn't
};

last_update(); //run the function

请帮忙！

原文

I am having trouble passing data retrieved from a $.post() function to use in other places in my code. I want to save the data as a variable and use it outside of the post() function. This is my code:

var last_update = function() {
$.post('/--/feed',
{func:'latest', who:$.defaults.login},
function($j){
            _j = JSON.parse($j);    
            alert(_j.text); // This one works    
        });
}
alert(_j.text); // This one doesn't
};

last_update(); //run the function

Please help!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

╰つ倒转 2024-09-09 04:12:29

$.post() AJAX 调用是异步的 - 这意味着 AJAX 请求是无序执行的，在您的程序中，这意味着第二个警报在 _j 之前调用已有人居住。执行顺序是：

调用last_update()
发出ajax请求，记得执行回调函数但现在不要
调用第二个alert(_j.text)；
当ajax请求返回数据时，执行回调函数

将利用AJAX返回数据的代码移至success()函数（即你的返回函数function($j) 此处） - 成功函数的用途。

$.post() 是对 $.ajax() 的别名调用 - 完整文档这里。

回复收藏 0 原文

浅笑依然 2024-09-09 04:12:29

如果您想访问 ajax 请求回调之外的数据值，您需要将该代码放在一个函数中，并从成功回调中调用它。

var last_update = function() {
$.post('/--/feed',
{func:'latest', who:$.defaults.login},
function($j){
            _j = JSON.parse($j);    
            alert(_j.text); // This one works   
            someOtherFunc(_j.text); 
        });
}
};

last_update(); //run the function

function someOtherFunc(val) {
    alert(val)
}

本质上与将代码放入回调中相同，但如果您有一些在其他地方重用的代码，则可能会很有用。

If you want to access the data value outside of the ajax request callback, you will need to place that code in a function, and call it from the success callback.

var last_update = function() {
$.post('/--/feed',
{func:'latest', who:$.defaults.login},
function($j){
            _j = JSON.parse($j);    
            alert(_j.text); // This one works   
            someOtherFunc(_j.text); 
        });
}
};

last_update(); //run the function

function someOtherFunc(val) {
    alert(val)
}

Essentially the same as placing the code in the callback, but can be useful if you have a bit of code that is reused elsewhere.

回复收藏 0 原文

灯下孤影 2024-09-09 04:12:29

您可以使 POST 请求同步并具有全局 _j 变量：

// global!!!
var _j;

$.ajax({
  async: false,
  url: '/--/feed',
  data: { func:'latest', who:$.defaults.login },
  success: function($j) {
    _j = JSON.parse($j);    
    alert(_j.text); // This one works
  }
});

function last_update() {
  if (typeof _j != 'undefined') {
    alert(_j);
  }
}

或者您可以简单地从成功回调中调用 last_update() ，从而不再需要异步：

$.ajax({
  url: '/--/feed',
  data: { func:'latest', who:$.defaults.login },
  success: function($j) {
    _j = JSON.parse($j);    
    alert(_j.text); // This one works
    last_update(_j);
  }
});

function last_update(_j) {
    alert(_j);
}

You could make your POST request synchronous and have a global _j variable:

// global!!!
var _j;

$.ajax({
  async: false,
  url: '/--/feed',
  data: { func:'latest', who:$.defaults.login },
  success: function($j) {
    _j = JSON.parse($j);    
    alert(_j.text); // This one works
  }
});

function last_update() {
  if (typeof _j != 'undefined') {
    alert(_j);
  }
}

Or you could simply call last_update() from within your success callback, thereby no longer requiring async:

$.ajax({
  url: '/--/feed',
  data: { func:'latest', who:$.defaults.login },
  success: function($j) {
    _j = JSON.parse($j);    
    alert(_j.text); // This one works
    last_update(_j);
  }
});

function last_update(_j) {
    alert(_j);
}

回复收藏 0 原文