Comment ajouter dynamiquement des styles aux balises renvoyées à l'aide d'Ajax

Cette fois, je vais vous montrer comment ajouter dynamiquement des styles aux balises renvoyées à l'aide d'Ajax. Quelles sont les précautions pour ajouter dynamiquement des styles aux balises renvoyées à l'aide d'Ajax. Ce qui suit est un cas pratique, prenons un. regarder.

Quand je travaillais sur un projet aujourd'hui, j'ai utilisé ajax pour revenir à une autre page. Soudain, j'ai découvert que le formulaire dans la page renvoyée avait fait sortir la page. a finalement résolu le problème.

Préparez d'abord le conteneur pour le contenu renvoyé

 <p class="container">
 </p>

Prédéfinissez un style afin que le contenu renvoyé puisse être directement appliqué

Par exemple, nous espérons que le tableau renvoyé ne le fera pas. C'était trop, et la page s'est ouverte. . .

<style>
 .container table{
 width:100%;
 }
</style>

Enfin, utilisez ajax pour renvoyer le contenu directement dans le conteneur

$(function(){
 $('a').click(function(){
 $.get('get.html',function(data){
 $('.container').html(data);
 });
 }); 
});

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour un contenu plus passionnant, veuillez faire attention aux autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Comment créer une fonction d'invite de champ de recherche intelligente avec Ajax

Lors de la mise en œuvre d'Ajax Soumettre pour télécharger fichiers Inviter l'utilisateur

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!