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

• SektorFlop aktív tag

  #2379

  #2373 Sk8erPeter

  2012-03-07 12:51:18

  Ú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

  

  SektorFlop

  aktív tag

  #2373 Sk8erPeter

  #2373 Sk8erPeter

  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);
  });

  nem sikerül összehoznom...
  mobil.php fájlom ahol a form található...

  <div data-role="page" id="mailcsere">
  <div data-role="header">
  <h1>E-mail módosítás</h1>
  </div>
  <div data-role="content">
  <form action='/' method='post' id="mailcsere">
  <input type='text' name='email' />
  <input type='submit' value='Módosítás' />
  </form>
  <script>
  /* attach a submit handler to the form */
  $("#mailcsere").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="email"]' ).val(),
  url = $form.attr( 'action' );

  /* Send the data using post and put the results in a div */
  $.post( 'login/mailcsere.php', { email: term },
  function( data ) {
  var content = $( data ).find( '#content' );
  $( "#result" ).empty().append( content );
  }
  );
  });
  </script>
  </div>
  <div data-role="footer">
  <h4>Page Footer</h4>
  </div>
  </div>

  mailcsere.php

  <?
  session_start();
  $felhasznalo=$_SESSION['felhasznalo'];
  require_once ('connect.php');
  $email=$_POST['email'];
  $sql = "UPDATE `felhasznalok` SET email='$email' WHERE user='$felhasznalo';";
  if (mysql_query($sql)) {
  echo "<script type='text/javascript'>window.location='mobil.php?szerkezt=sikeres'</script>";
  exit;
  }
  else {
  echo "<script type='text/javascript'>window.location='mobil.php?szerkezt=sikertelen'</script>";
  }
  ?>

  a mobil.php fájlom azért néz ki így mert phonegap-el dolgozom, ezért is bajlódom a formokkal

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