Új hozzászólás Aktív témák

• Sk8erPeter nagyúr

  #2373

  #2372 SektorFlop

  2012-03-06 16:38:37

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Sk8erPeter

  nagyúr

  #2372 SektorFlop

  Igen, jól láttad, jQuery-vel nagyon egyszerű az AJAX-os kommunikáció.
  Itt konkrét példát is mutatnak rá: jQuery.post().
  Nézd meg alul azt a keresőt, ami bemutatja ennek a működését.

  A lényeg kiszedve az oldalról, van egy ilyen form:

  <form action="/" id="searchForm">
  <input type="text" name="s" placeholder="Search..." />
  <input type="submit" value="Search" />
  </form>
  <!-- the result of the search will be rendered inside this div -->
  <div id="result"></div>

  Tehát az "s" name-mel rendelkező input-elem tartalmát szeretnénk elküldeni POST-metódussal. Itt a jQuery-kód:

  /* attach a submit handler to the form */
  $("#searchForm").submit(function(event) {
  
  /* stop form from submitting normally */
  event.preventDefault();
  
  /* get some values from elements on the page: */
  var $form = $( this ),
  term = $form.find( 'input[name="s"]' ).val(),
  url = $form.attr( 'action' );
  
  /* Send the data using post and put the results in a div */
  $.post( url, { s: term },
  function( data ) {
  var content = $( data ).find( '#content' );
  $( "#result" ).empty().append( content );
  }
  );
  });

  A lényeg ez, ami az elején lévő példakódban van, ez elég jól érthető:

  $.post('ajax/test.html', function(data) {
  $('.result').html(data);
  });

Új hozzászólás Aktív témák