Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Jquery ajax (Opgelost)

cunces - 26/02/2010 14:29 (laatste wijziging 26/02/2010 14:33)

Nieuw lid

Gets the test.php page content, store it in a XMLHttpResponse object and applies the process() JavaScript function.

javascript code - Bekijk de code zonder highlighting - Klap code in

                $.post("test.php", { name: "John", time: "2pm" },
  function(data){
    process(data);
  }, "xml");


heb ik veranderd door:
function subscribe(formulier)	{

var email=formulier.email.value;
$.post("registreerSubscriber.php", "email=" + encodeURIComponent(email),
  function(data){
    process(data);
  }, "xml");
            
$.post("test.php", { name: "John", time: "2pm" },
  function(data){
    process(data);
  }, "xml");
 
 
heb ik veranderd door:
function subscribe(formulier)	{
 
var email=formulier.email.value;
$.post("registreerSubscriber.php", "email=" + encodeURIComponent(email),
  function(data){
    process(data);
  }, "xml");
 

M'n vraag is of die laatste parameter (xml) staat voor re request of voor de response?
En weet iemand wat " process(data);" juist doet?

Tzijn m'n eerste stappen in jquery dusja ben absolute noob

8 antwoorden

Gesponsorde links

lemoinet - 26/02/2010 14:46
PHP gevorderde		laatste parameter Type of data to be returned to callback function: "xml", "html", "script", "json", "jsonp", or "text". de functie process moet je wel zelf nog schrijven

cunces - 26/02/2010 14:49
Nieuw lid		nog een vraagje: http://www.ryan...ubmit-form/ deze tutorial heb ik gevolgd. Heb 2 js scripts geimporteerd in de head. 1 librairy en 1 met de code die op de tutorial staat. maar krijg volgende error: $ is not defined [Break on this error] $(document).ready(function(){ hoe komt dit? mss andere update v/d librairy?

lemoinet - 26/02/2010 14:52
PHP gevorderde		heb je de library voor de een met de code gezet? verkeerde map? laat anders eens je code zien
Bedankt door: cunces

cunces - 26/02/2010 15:00

Nieuw lid

Het stond dus erna pas! Nu lukt de post, en de response is ook mooi hetgeen ik heb ingegeven (firebug). Enige probleem is nu dat blijkbaar succes niet wordt uitgevoerdt?

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="EpbjJs.js"></script>

</head>
<body>

<form id="subscriberForm" method="post"> 

        <input name='email' type='text'id='email'/>
        <input name='subscriberknop' type='submit' value='Subscribe'/>
		
        </form> 
 <div class="success" style="display: none;">You are subscribed.</div>  

</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="EpbjJs.js"></script>
 
</head>
<body>
 
<form id="subscriberForm" method="post"> 
 
        <input name='email' type='text'id='email'/>
        <input name='subscriberknop' type='submit' value='Subscribe'/>
 
        </form> 
 <div class="success" style="display: none;">You are subscribed.</div>  
 
</body>
</html>

javascript code - Bekijk de code zonder highlighting - Klap code in

                $(document).ready(function(){  
    $("form#subscriberForm").submit(function() {  
     // we want to store the values from the form input box, then send via ajax below  
     var email = $('#email').attr('value');  
       $.ajax({  
          type: "POST",  
           url: "registreerSubscriberII.php",  
          data: "email="+email,  
            success: function(){  
                 $('form#submit').hide(function(){$('div.success').fadeIn();});  
 
             }  
         });  
    return false;  
     });  
 });  

            
$(document).ready(function(){  
    $("form#subscriberForm").submit(function() {  
     // we want to store the values from the form input box, then send via ajax below  
     var email = $('#email').attr('value');  
       $.ajax({  
          type: "POST",  
           url: "registreerSubscriberII.php",  
          data: "email="+email,  
            success: function(){  
                 $('form#submit').hide(function(){$('div.success').fadeIn();});  
 
             }  
         });  
    return false;  
     });  
 });
 

php code - Bekijk de code zonder highlighting - Klap code in

<?php

$email = $_POST['email'];
echo "$email";
?>

<?php
 
$email = $_POST['email'];
echo "$email";
?>

lemoinet - 26/02/2010 15:05
PHP gevorderde		$('form#submit') bestaat niet maak er $("input[name='subscriberknop']") van

cunces - 26/02/2010 15:09
Nieuw lid		ja subscriberForm bedoelde je! maar het werkt nu wel bedankt man. Weet je een goeie tutorial om nu ook informatie terug te zenden vanuit die php file?

lemoinet - 26/02/2010 15:12
PHP gevorderde		http://www.talk...ith-jquery

cunces - 26/02/2010 15:38 (laatste wijziging 26/02/2010 16:03)

Nieuw lid

heb je voorbeeld geprobeerd, maar krijg niks van de echo in die div. Enig idee what's up?

edit: het ligt aan $("#response").html(html); want als ik html alert krijg ik 'm gewoon te zien.

html4strict code - Bekijk de code zonder highlighting - Klap code in


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="EpbjJs.js"></script>

</head>
<body>

<form id="subscriberForm" method="post"> 

        <input name='email' type='text'id='email'/>
        <input name='subscriberknop' type='submit' value='Subscribe'/>
		
        </form> 
 <div class="success" style="display: none;">You are subscribed.</div>  
 
 <div id="response">
		<!-- Our message will be echoed out here -->
	</div>

</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="EpbjJs.js"></script>
 
</head>
<body>
 
<form id="subscriberForm" method="post"> 
 
        <input name='email' type='text'id='email'/>
        <input name='subscriberknop' type='submit' value='Subscribe'/>
 
        </form> 
 <div class="success" style="display: none;">You are subscribed.</div>  
 
 <div id="response">
		<!-- Our message will be echoed out here -->
	</div>
 
</body>
</html>

javascript code - Bekijk de code zonder highlighting - Klap code in

                
$(document).ready(function(){  
    $("form#subscriberForm").submit(function() {  
     var email = $('#email').attr('value');  
       $.ajax({  
          type: "POST",  
          url: "registreerSubscriberIII.php",  
          data: "email="+email,  
            success: function(html){  
		$("#response").html(html);
                 $('form#subscriberForm').hide(function(){$('div.success').fadeIn();
				 
				 
				 });  
					
             }  
         });  
    return false;  
     });  
 });  
            
$(document).ready(function(){  
    $("form#subscriberForm").submit(function() {  
     var email = $('#email').attr('value');  
       $.ajax({  
          type: "POST",  
          url: "registreerSubscriberIII.php",  
          data: "email="+email,  
            success: function(html){  
		$("#response").html(html);
                 $('form#subscriberForm').hide(function(){$('div.success').fadeIn();
 
 
				 });  
 
             }  
         });  
    return false;  
     });  
 });
 

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten