지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > jquery는 ajax 키워드 데이터 검색 구현을 생성합니다 idea_jquery

jquery는 ajax 키워드 데이터 검색 구현을 생성합니다 idea_jquery

WBOY
풀어 주다： 2016-05-16 17:41:28
원래의
757명이 탐색했습니다.

웹 개발 과정에서 데이터를 검색하기 위해 첫 페이지에 키워드를 입력해야 하는 경우가 종종 있습니다. 우리가 일반적으로 사용하는 검색 방법은 검색 결과를 다른 페이지에 표시하는 것입니다. 고성능 웹사이트를 구축하는 것은 가장 적절한 방법이 아닙니다. 오늘은 간단하고 매력적인 Ajax 검색을 만들기 위해 jQuery, MySQL 및 Ajax를 사용하는 방법을 여러분과 공유하고 싶습니다. jQuery를 활용해 실용적인 데이터 전송 모달 팝업 폼 만들기 》JQuery 프로젝트의 실제 적용에 대한 두 번째 튜토리얼

기본적으로 모든 결과를 표시하려면 검색을 클릭하세요

A를 입력하면 나타나는 검색결과

p를 입력하면 검색결과가 표시됩니다

해당 검색어 페이지가 없습니다

데모 - 아래 검색 버튼을 클릭하여 데이터를 검색하세요

파일 구조는 주로 여러 파일을 사용합니다. index.php 홈페이지 dbcon.php 데이터베이스 연결 파일 search.php 검색 처리 페이지

Files

첫 번째 단계는 ajax_search 데이터베이스를 생성한 다음 ajax_search 테이블을 생성하는 것입니다

코드 복사 코드는 다음과 같습니다.

CREATE TABLE `ajax_search` (
`id` int(11) NOT NULL auto_increment,
`FirstName` varchar(50) NOT NULL,
`LastName` varchar(50) NOT NULL,
`Age` int(11) NOT NULL,
`Hometown` varchar(50) NOT NULL,
`Job` varchar(50) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;

HTML: index.php--프로그램 메인 페이지
코드 복사 코드는 다음과 같습니다.





< title>Ajax 튜토리얼: jquery 사용 mysql로 ajax 검색 만들기




Ajax 튜토리얼: jquery 및 mysql을 사용하여 Ajax 검색 만들기











관련 라벨：
데이터 검색
원천：php.cn
이전 기사：30분만에 시작하는 기본 정규식 튜토리얼_기본 지식 다음 기사：js는 주어진 날짜를 기준으로 한 달의 일수를 계산합니다. 구현 아이디어 및 code_javascript 기술
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Meta_query ORtax_query에 대해 "OR" 관계 설정 WP_Query를 사용하여 Meta_query 요소와 Tax_query 요소가 포함된 쿼리를 생성하려고 합니다. 더 중요한 점은 두 조건(및 AND 절)을 모두 ...
에서 2024-04-04 20:01:43
0
1
1346
외래 키 항목을 제거하는 단계 직원과 주소라는 두 개의 테이블이 있습니다. Employee는 내 기본 테이블이고 Address는 외래 키 AddressId를 통해 Employee와 관련된 하위...
에서 2024-04-04 14:15:44
0
1
352
Ajax를 사용하여 콘텐츠 생성 - ID로 스크롤하면 작동하지 않습니다. Ajax를 통해 얻은 데이터를 기반으로 페이지 콘텐츠를 생성합니다. 내가 겪고 있는 문제는 특정 ID로 스크롤하려고 할 때 스크롤이 발생하지 않거나 잘못된 위치로...
에서 2024-04-04 09:29:39
0
1
397
Prismic 전체 텍스트 조건자를 사용하여 쿼리하려고 하면 예상치 못한 필드에 대한 오류가 계속 발생합니다. Vuejs를 사용하여 Prismicpredicate.fulltext를 쿼리하려고 합니다. 조건자를 처음 사용하는데, 전체 텍스트 조건자에 필요한 사항에 대한 문서...
에서 2024-03-31 21:14:37
0
1
352
캔버스가 비어 있는 것처럼 보입니까? BlazePose에서 얻을 수 있는 캔버스에 키를 렌더링하려고 하는데 키를 캔버스에 그리도록 할 수 없는 것 같습니다. 각 키포인트의 x와 y를 알고 검색했지만 ...
에서 2024-03-31 17:20:31
0
1
388
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿