Rafraîchissant une section d'une page à l'aide d'Ajax contexte

Je suis en train d'actualiser juste une partie de ma page lorsque l'utilisateur clique sur un bouton "clear", actuellement je suis en utilisant un peu de code que j'ai piraté une autre réponse que j'ai trouvé ici:

$('.clear').click(function () {
    $.ajax({
      url: "",
      context: document.body,
      success: function (s, x) {
        $(this).html(s);
      }
    });
});

Il recharge l'ensemble du corps du document, comment dois-je cibler un particulier div ou de la classe?

  context: document.body.somediv?

utilisez simplement le code javascript/jquery méthode qui retourne un nœud DOM comme: context: document.getElementById('divId') ou moins de la croix-navigateur window.divId
Romjin réponse était bonne, mais en fait, j'ai fini à l'aide de votre méthode, car c'est exactement ce que je veux

InformationsquelleAutor Pixelomo | 2013-12-03

7

jQuery API sur le context option:
Cet objet sera faite le contexte de tous Ajax-rappels associés. Par
par défaut, le contexte est un objet qui représente l'ajax paramètres
utilisé dans l'appel ($.ajaxSettings fusionné avec les paramètres qui lui sont transmis
$.ajax). Par exemple, la spécification d'un élément du DOM comme le contexte
faire que le contexte pour le remplir de rappel d'une demande, comme suit:
```
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
```
Donc, le context option est de définir le champ d'application de la this objet dans les fonctions de rappel. Par défaut, c'est de l'ajax objet, avec la configuration actuelle:
```
$.ajax({
    url: ""
}).done(function(){
    console.log(this); 
    //logs: { url: "", type: "GET", etc... }
    //
});
```
Si vous souhaitez cibler une section spécifique à la charge de la réponse, vous pouvez simplement utiliser jQuery pour trouver l'élément et de mettre la réponse dans cet élément, context n'est pas pertinent pour vous:
```
$.ajax({
  url: "",
}).success(function(data){
  //data is your response
  $(".some-element").html(data);
});
```
Toutefois, vous pouvez utiliser context de faire la configuration un peu plus facile à comprendre, comme suit:
```
$.ajax({
  url: "",
  context: $(".some-element")
}).success(function(data){
  $(this).html(data);
  //$(this) refers to the context object, in this case $(".some-element")
});
```
Maintenant, si vous voulez que votre ajax réponse à charger quelque part sur la page, vous avez juste à changer le sélecteur sur la context paramètre.

InformationsquelleAutor Justus Romijn
2

Essayer
```
 success: function (s, x) {
    $('#yourdiv').html(s);//yourdiv is id of div u want to update
    }
```
Pouvez également accéder div par sa classe comme
```
$('.classOfDiv')
```
Avoir u essayé à l'aide de contexte
```
context: {div:$('#yourdiv')}
```
Dans la réussite
```
this.div.html(s);
```
- L'OP a été demandé pour l'utilisation du contexte
- il suffit de cocher $.ajax DOC ou voir les citations dans Justus Romijn réponse
- cela a été utile merci
InformationsquelleAutor Nitin Varpe
1

Vous pouvez utiliser des DIV id ou le nom de la classe pour cible un particulier élément div.
```
<div id="div1" class="class1">
    <div id="div2" class="class2">
    </div>
</div>


$('#div2').html(your-text); //using ID

$('.class2').html(your-text); //using Class
```
- ce que je posais était de savoir comment cibler une catégorie particulière au sein de l'ajax
InformationsquelleAutor Purus

Si je comprends bien,vous pouvez simplement appeler .load() à partir d'un événement de clic et de passer le href du lien:

HTML:

<a class="link" href="page.php?id=10">Click Here<a>

JS:

$(".link").click( function(event) {
    event.preventDefault();
    $("#text").load($(this).attr("href"));
});

voir la démo

InformationsquelleAutor Jay

$('.clear').click(function () {
$.ajax({
url: "",
//context: document.body,  //you don't need a context
success: function (s, x) {
$(.myClass).html(s);       
//now the target is class myClass or you can use 
//#myID if you want to have an id as target
}
});
});

InformationsquelleAutor Aditzu

Si vous souhaitez charger seulement particulier div via Ajax puis utiliser jquery charge événement de ce

//clear button click event
$('.clear').click(function () {

  //load ajax response inside result id (html element)
  $( "#result" ).load( "URL" );

});

Si vous pour effectuer une action, puis ajouter une fonction à l'intérieur de la charge événement de ce

$( "#result" ).load( "URL", function() {
  alert( "Load was performed." );
});

InformationsquelleAutor Zainul Abdin

1

Salut si tu veux que l'ajax sortie de réfléchir sur un div, assurez-vous que la div a Id ou une classe de sorte que nous pouvons facilement la trace sur les DOM.
Supposons que la div a la classe content-output puis script suivant va travailler pour vous.
```
$('.clear').click(function () {
$.ajax({
url: "",
success: function (s, x) {
$('.content-output').html(s);
}
});
});
```
- Quel est le but de context: document.body ici?
- Il n'est pas nécessaire pour ce scénario, nous pouvons donc nous échapper parce que nous sommes en précisant div
- puis-je utiliser .done(function(html) { });
InformationsquelleAutor sumit negi

Vous devez vous connecter pour publier un commentaire.