sql >> Databáze >  >> RDS >> Mysql

Odešlete formulář ajax a zůstaňte na stejné stránce nefunguje

Formulář se odešle a nezůstane na stejné stránce kvůli atributu action na formuláři a normálnímu tlačítku Odeslat.

Což vede k vašemu .submit() metoda včetně .preventDefault() pravděpodobně nebude interpretován ani po načtení html.

Můžete udělat něco v tomto smyslu:

<html>
  ...
  <body>
  ...
    <form id="formA" action="test.php" method="post" enctype="multipart/form-data">
      <input id="commentData" name="commentData" type="text" />
      <input type="submit" value="toDb" id="toDB" name="toDB" />
    </form>
  ...
  </body>
  <script>
   ...script here...
  </script>
 </html>

A javascript by mohl být něco ve smyslu:

( function( $ )
  {
    var submit = $( 'input[id=toDB]' );
    $( submit ).on
    (
      'click',
      function( event )
      {
        event.preventDefault();
        var form = $( this ).parent();

        // Get form fields
        var data = $( form ).serializeArray(), obj = {}, j = 0;
        for( var i = 0; i < data.length; i++ )
        {
          if( data[i].name in obj )                                                                  
          {
            var key = data[i].name + '_' + j;
            obj[key] = data[i].value;
            j++;
          }
          else
          {
            obj[data[i].name] = data[i].value;
          }
        };

        // Make AJAX request
        $.ajax
        (
          {   
            url: $( form ).attr( 'action' ),    
            type: 'POST',
            data: 'toDB=' + JSON.stringify( obj ),    
            success: function( data, textStatus, xhr )
            {
              // Do something with data?
              ...    
              alert( 'ok' );    
            }
          }
        );
      }
    );
  }( jQuery )
);

Podívejte se na jsfiddle pro sebe.

Můžete říct, že to funguje, protože se zobrazí chyba konzoly, že cíl požadavku nebyl nalezen - 404 - i když se stránka neobnoví, zůstanete přesně tam, kde jste...se správnou stránkou, kterou jí můžete odeslat, funguje plně.

UPRAVIT

Upravil jsem nastavení 'data' v ajax() volání tak, aby pole formuláře byla nastavena jako řetězec json do proměnné POST [toDB].

Takže ve vašem PHP byste udělali:

$datas = json_decode( $_POST['toDB'], true );

A nyní vaše $datas proměnná je asociativní pole obsahující všechny názvy a hodnoty polí formuláře. Nejsem 100% na tomto dalším prohlášení, ale možná budete muset použít PHP stripslashes() metoda na POSTED datech před použitím json_decode()

tj.:

//Connect to database server
mysql_connect( "localhost", "user", "" ) or die ( mysql_error() );
mysql_select_db( "test" ) or die( mysql_error() );
$strSQL = "SELECT * FROM comments order by RAND() LIMIT 5";
$rs = mysql_query( $strSQL );

if( !$rs ) 
{
  echo 'Could not run query ' . mysql_error();
  exit;
}

$dt1=date("Y-m-d");

if( isset( $_POST['toDB'] ) )
{
  $datas = json_decode( stripslashes( $_POST['toDB'] ), true );
  $dataA = $datas['commentData'];
  $sql = "INSERT INTO comments( id, comment, datum )VALUES( DEFAULT, '" . $dataA . "', '" . $dt1 . "' );";
  $result=mysql_query( $sql );
}
mysql_close();

Doufám, že to pomůže



  1. Získání chyby s ID zdroje #3 v MySql

  2. PHP:Zatímco smyčka nefunguje po úpravě SELECT pro prevenci vkládání SQL

  3. Mysql levé spojení s podmínkou v pravé tabulce

  4. Vypočítejte chybějící a překrývající se období mezi dvěma daty