Функция поиска по разработке баз данных jQuery + AJAX + PHP + MySQL, без перехода и без поиска обновлений.

Автор оригинала: David Wong.

Точки знаний: Ajax отправляет формы, PHP запрашивает базы данных, PHP возвращает массивы JSON , JavaScript обходит выходные массивы JSON

Демонстрация:

1. Если в форме не вводятся ключевые слова, верните “Пожалуйста, введите ключевые слова…”

2. Если запрос по ключевому слову, введенный формой, является бесплодным, верните “Без результата”

3. Когда запрос ключевого слова, введенный формой, дает результат, результат возвращается.

Страница формы




    
    
    
    AJAX <a href="https://developpaper.com/tag/search/" rel="noopener noreferrer" target="_blank" title="View all posts in search">search</a> 
    
    
    



    
    
         AJAX+PHP+MySQL Search
        br/>

На стороне сервера

mysql_connect($host,$username,$password);
  if (!$con)
    {
      Die ('failed connection to database, failure reason:'. mysql_error ());
    }
  // Setting up database character set  
  mysql_query("SET NAMES UTF8");
  // Query the database
  mysql_select_db($db, $con);
  // Filter left and right blanks of keywords
  $keyword = trim($keywords);
  if (empty($keyword)) {
  // If the keyword is empty, return result = 0
  echo "[{\"result\":\"0\"}]";
    }else{
      $result = mysql_query("SELECT * FROM $tb WHERE title like '%$keyword%' ORDER BY ID DESC");
      $num = mysql_num_rows($result);
      if ($num) {
        $search_result = array();
          while($row = mysql_fetch_array($result)){
              $search_result[] = $row;
          }
          // Convert arrays to JSON format
          echo json_encode($search_result);
  
  }else{
    // If the query is unsuccessful, return result = 1
    echo "[{\"result\":\"1\"}]";
  }
}
?>

Конфигурация базы данных

структура базы данных

Имя базы данных: имя тестовой таблицы: поле списка данных: идентификатор, заголовок, URL Разрешение поля: ИДЕНТИФИКАТОР – Самоувеличивающийся идентификатор Заголовок – Заголовок URL – ссылки на страницы

Автор: ТАНКИНГ 2018-7-12

Оригинал: “https://developpaper.com/jquery-ajax-php-mysql-database-development-search-function-no-jump-and-no-refresh-search/”