Zugriff auf eine externe Variable (Ajax-Aufruf)

Question

Wie kann ich die URL verwenden, die über eine Ajax-Anfrage mit jQuery in einer anderen Ajax-Anfrage angefordert wurde?

Zum Beispiel: dies ist die Ajax-URL angefordert:

function display_url1() { 
jQuery.ajax({ 
type: 'GET', 
url: 'http://www.google.com?action=search', 
success: function(msg) { 
$('#show_results').html(msg); 
} 
}); 
} 

Mit dem zweiten Ajax-Request (mit button2):

http://www.google.com?action=search

Das ist mein erster Anruf Taste 1 mit Ajax ist Ich möchte diese URL anrufen:

http://www.google.com?action=search&category=sport

So etwas:

function display_url2() { 
jQuery.ajax({ 
type: 'GET', 
url: 'THE FIRST URL + &category=sport', 
success: function(msg) { 
$('#show_results').html(msg); 
} 
}); 
} 

Also mit der neuen Ajax-Anfrage mag ich & Kategorie = Sport zur ersten URL hinzuzufügen. Also meine Frage ist, wie eine externe Variable mit einem anderen Anruf erstellt zuzugreifen

Answer 1

Also habe eine Variable und verwende sie in beiden Aufrufen. Etwas wie:

var url = "http://www.example.com?q=1"; 

function display_url1(){ 
    makeCall(url); 
} 

function display_url2(){ 
    makeCall(url + "&foo=bar"); 
} 


function makeCall(url) { 
    jQuery.ajax({ 
    type: 'GET', 
    url: url, 
    success: function(msg) { 
     $('#show_results').html(msg); 
    } 
    }); 
} 

bearbeiten basierend n Kommentar ...

var url; 
function display_url1(){ 
    url = "http://www.example.com?q=1"; 
    makeCall(url); 
} 

function display_url2(){ 
    makeCall(url + "&foo=bar"); 
} 


function makeCall(url) { 
    jQuery.ajax({ 
    type: 'GET', 
    url: url, 
    success: function(msg) { 
     $('#show_results').html(msg); 
    } 
    }); 
} 

Answer 2

Angenommen, Sie $.ajax() verwenden, können Sie die URL zugreifen this.url innerhalb des complete Rückrufs verwenden, zum Beispiel:

$('button').on('click', function() { 
 
    $.ajax({ 
 
    url: 'http://www.google.com?action=search', 
 
    complete : function() { 
 
     var theURL = this.url; 
 
     // Now perform a second one: 
 
     $.ajax({ 
 
      url: theURL+'&category=sport' 
 
     }); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Send request</button>