Перенаправление с JQuery на страницу PHP без передачи содержимого формы - PullRequest
1 голос
/ 08 августа 2011

Я создал веб-страницу, которая использует JQuery для перенаправления содержимого формы на другую веб-страницу, используя PHP для подключения к базе данных для поиска некоторого содержимого. К сожалению, содержимое формы не передается должным образом, потому что я получаю «Примечание: неопределенный индекс: postal_code в C: \ wamp \ www \ mywebsite \ target.php в строке 8»

мой код:

home.html

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <form action="/" id="myform">
   <input type="text" name="postal_code" placeholder="Search..." />
   <input type="submit" value="Search" />
  </form>
  <!-- the result of the search will be rendered inside this div -->
  <div id="result"></div>

<script>
$('#myform').submit(function() {
   var url = 'target.php';
   var postal_code = $('#postal_code').val();
   $.post( url, { postal_code: postal_code },
      function( data ) {          
          $( "#result" ).empty().append( data );
      }
    );
   return false;
});

target.php

<?php
try
{
   $pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
   $bdd = new PDO('mysql:host=localhost;dbname=mydatabase', 'root', '', $pdo_options);
   $response = $bdd->prepare('SELECT city FROM city_list where postal_code = ?');
   $response->execute(array($_POST['postal_code']));
   echo '<ul>';
       while ($data = $response->fetch())
       {
   ?>
          <br/>The city you entered the postal code is : <?php echo $data['city'];  
       }
       $response->closeCursor();
}
catch (Exception $e)
{
        die('Error : ' . $e->getMessage());
}
?>

1 Ответ

3 голосов
/ 08 августа 2011

Вы ищете $('#postal_code').val();, однако ввод для postal_code не имеет идентификатора.

Заменить

<input type="text" name="postal_code" placeholder="Search..." />

на

<input type="text" name="postal_code" id="postal_code" placeholder="Search..." />

И все должно работать нормально.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...