jquery $.get

#1 eric.rog

Ceinture Blanche

Members
6 messages

Posté 13 February 2009 - 08:35 AM

Bonjour,
Je découvre simultanément ajax et jquery .

Pour comprendre la méthode $.get de jquery, j'ai pris une requete simple (get asynchrone) qui écrit le contenu d'un fichier texte dans une zone texte "dyn" et je voudrais la traduire avec $get.
Malgré les quelques pages web sur le sujet, je ne comprends pas quoi faire de la partie

document.ajax.dyn.value="Received:" + req.responseText;

du code suivant :

function submitForm()
	{ 
		var req = null; 

		document.ajax.dyn.value="Started...";
		if(window.XMLHttpRequest)
			req = new XMLHttpRequest(); 
		else if (window.ActiveXObject)
			req  = new ActiveXObject(Microsoft.XMLHTTP); 

		req.onreadystatechange = function()
		{ 
			document.ajax.dyn.value="Wait server...";
			if(req.readyState == 4)
			{
				if(req.status == 200)
				{
					 document.ajax.dyn.value="Received:" + req.responseText;	
				}	
				else	
				{
					document.ajax.dyn.value="Error: returned status code " + req.status + " " + req.statusText; 
				}	
			} 
		}; 
		req.open("GET", "fic.txt", true); 
		req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
		req.send(null); 
	}

Merci pour votre aide ( et votre indulgence)

Retour en haut

#2 Ldo

Honoris
9921 messages

Posté 13 February 2009 - 10:09 AM

avec jquery pour charger un fichier dans un bloc

Code

$('#id_du_div_dans_lequel_le_fichier_doit_etre_affiché').load('nom_du_fichier_texte.txt');

c'est tout

Retour en haut

#3 eric.rog

Ceinture Blanche

Members
6 messages

Posté 13 February 2009 - 13:23 PM

Merci je vais essayer ça .
Si je veux maintenant envoyer une requete GET vers un fichier php avec parametre
du genre

<?php
 
$page=$_GET['parametre'];
     if($page==1)require 'page1.html';
else if($page==2)require 'page2.html';
else if($page==3)require 'page3.html';
else require 'page4.html';
 
?>

pour ensuite placer le fragment html retourné dans un bloc #id, je ne comprends pas tres bien
comment s'articulent $.get() et $('#id').load().
Merci de mettre le pied à l'étrier, apres avec je devrais me débrouiller...
Eric.

Retour en haut

#4 branham

Ceinture Jaune

Members
23 messages

Posté 02 August 2013 - 14:23 PM

en ce qui concerne la difference entre $.get() et load() les deux permettent de charger le contenu d'une page
exemple try ce code ci dessus ca charge le contenu dans un div

<!DOCTYPE html>

<html>

<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

</script>

<script>

$(document).ready(function(){

  $("button").click(function(){

        $.get("demo_test.asp",function(data){

          $('div').append(data); //chargement du contenu

        });

  });

});

</script>

</head>

<body>

<button>Send an HTTP GET request to a page and get the result back</button>

<div></div>

</body>

</html>