jQuery retour ajax résultat en dehors de la variable

J'ai un problème à l'aide d'ajax.

Comment puis-je attribuer tous les résultats de l'ajax en dehors de la variable ?

Je google et trouvé ce code..

var return_first = (function () {
    var tmp = null;
    $.ajax({
        'async': false,
        'type': "POST",
        'global': false,
        'dataType': 'html',
        'url': "ajax.php?first",
        'data': { 'request': "", 'target': arrange_url, 'method': method_target },
        'success': function (data) {
            tmp = data;
        }
    });
    return tmp;
});

mais ne fonctionne pas pour moi..

Quelqu'un peut-il dire ce qui est mal à propos que le code ?

"pas de travail pour moi" - je n'ai pas ma boule de cristal avec moi à comprendre ce que cela signifie. Comment utilisez-vous return_first variable?
il va faire une demande en "ajax.le php?premier" post de données, si les données sont correctes, puis affiche "OK", si elle n'est pas alors "PAS OK", et je veux que ceux chaîne de résultat à affecter à return_first variable..
L'appel est asynchrone, tmp ne remplira jamais parce qu'elle exécutera immédiatement, vous devez utiliser deferred ou promise objets ici.
il a 'async': false dans ajax options.

InformationsquelleAutor Mohd Shahril | 2013-05-29

43

Il vous manque une virgule après
```
'data': { 'request': "", 'target': 'arrange_url', 'method': 'method_target' }
```
Aussi, si vous voulez return_first pour contenir le résultat de votre fonction anonyme, vous avez besoin de faire un appel de fonction:
```
var return_first = function () {
    var tmp = null;
    $.ajax({
        'async': false,
        'type': "POST",
        'global': false,
        'dataType': 'html',
        'url': "ajax.php?first",
        'data': { 'request': "", 'target': 'arrange_url', 'method': 'method_target' },
        'success': function (data) {
            tmp = data;
        }
    });
    return tmp;
}();
```
Note () à la fin.
- merci pour la virgule (j'ai oublié de le mettre), et l'exemple ajax vous fournir est de travailler..merci !
- Le problème est que la variable ne sera jamais mis parce que l'appel est asynchrone...
- dans l'appel ajax asynchrone est à faux, de sorte qu'il fonctionne réellement.
- REMARQUE: l'Utilisation de "async" a été amortis. Voir xhr.spec.whatwg.org.
- comment serait-ce code meilleur travail maintenant que async a été déprécié?
- en utilisant les rappels, voir la réponse par Zahra Ghaed ci-dessous
InformationsquelleAutor Igor
31

C'est tout ce que vous devez faire:
```
var myVariable;

$.ajax({
    'async': false,
    'type': "POST",
    'global': false,
    'dataType': 'html',
    'url': "ajax.php?first",
    'data': { 'request': "", 'target': 'arrange_url', 'method': 'method_target' },
    'success': function (data) {
        myVariable = data;
    }
});
```
REMARQUE: Utilisation de "async" a été amortis. Voir https://xhr.spec.whatwg.org/.
- votre exemple, le code du travail pour moi, merci ! 🙂
- Async: false résolu mon problème. Sans elle, je ne peux pas les stocker dans une variable.
- le même est vrai pour moi. Avez-vous une idée de pourquoi cela est le cas?
- Eh bien, je suppose que quand il est async le code continuera sans avoir reçu une réponse du serveur. Cela signifie que vous êtes variable est appelée sans qu'il soit là. En la faisant synchrone le code ne fera que continuer quand il a reçu la réponse du serveur.
InformationsquelleAutor joshuahealy
17

À l'aide de "asynchrone": false pour prévenir le code asynchrone est une mauvaise pratique,

Synchrone XMLHttpRequest sur le thread principal est déconseillée en raison de
ses effets préjudiciables à l'expérience de l'utilisateur final. https://xhr.spec.whatwg.org/

Sur la surface de réglage asynchrone pour les fausses solutions à beaucoup de questions parce que, comme les autres réponses montrent, que vous obtenez vos données dans une variable. Toutefois, en attendant que les données posté pour le retour (qui dans certains cas peut prendre quelques secondes à cause d'appels de base de données, les connexions lentes, etc.) le reste de votre Javascript fonctionnalités (comme les événements déclenchés, Javascript traitées boutons, JQuery les transitions (comme un accordéon, ou la saisie semi-automatique (JQuery UI)) ne sera pas en mesure de se produire alors que la réponse est en attente (ce qui est vraiment mauvais, si la réponse ne revient jamais que votre site est maintenant pratiquement gelé).

Essayez plutôt ceci,
```
var return_first;
function callback(response) {
  return_first = response;
  //use return_first variable here
}

$.ajax({
  'type': "POST",
  'global': false,
  'dataType': 'html',
  'url': "ajax.php?first",
  'data': { 'request': "", 'target': arrange_url, 'method': method_target },
  'success': function(data){
       callback(data);
  },
});
```
- il a essayé, ça ne fonctionne pas
InformationsquelleAutor Zahra Ghaed

'async': false dit que c'est amorti. J'ai remarqué que si je lance console.log('test1'); sur ajax succès, alors console.log('test2'); normal js après l'ajax fonction, test2 impressions avant test1 donc, la question est un appel ajax a un peu de retard, mais cela n'arrête pas le reste de la fonction pour obtenir des résultats. La variable n'est tout simplement pas ensemble "encore", si vous avez besoin de retarder la fonction suivante.

function runPHP(){
    var input = document.getElementById("input1");
    var result = 'failed to run php';

    $.ajax({ url: '/test.php',
        type: 'POST',
        data: {action: 'test'},
        success: function(data) {
            result = data;
        }
    });

    setTimeout(function(){
        console.log(result);
    }, 1000);
}

sur test.php (au cas où vous avez besoin pour tester cette fonction)

function test(){
    print 'ran php';
}

if(isset($_POST['action']) && !empty($_POST['action'])) {
    $action = htmlentities($_POST['action']);
    switch($action) {
        case 'test' : test();break;
    }
}

InformationsquelleAutor SwiftNinjaPro

Vous devez vous connecter pour publier un commentaire.