Php 如何在不刷新页面的情况下获得搜索结果_Php_Jquery_Mysql_Ajax_Search

Php 如何在不刷新页面的情况下获得搜索结果

php jquery mysql ajax search

Php 如何在不刷新页面的情况下获得搜索结果,php,jquery,mysql,ajax,search,Php,Jquery,Mysql,Ajax,Search,我想在不刷新整个页面的情况下进行实时搜索。我是ajax jquery新手。看到这张图片了吗当我们点击搜索按钮时，我想根据搜索结果进行过滤，而不必使用sql查询通过PHP MySQL和AJAX Jquery选择的所有必需参数刷新整个页面，如何使用AJAX、PHP、MySQL实现这一点这是搜索面板的html代码：- <form id="frmSearch" method="post"> <table width="850px" style="font

我想在不刷新整个页面的情况下进行实时搜索。我是ajax jquery新手。看到这张图片了吗

当我们点击搜索按钮时，我想根据搜索结果进行过滤，而不必使用sql查询通过PHP MySQL和AJAX Jquery选择的所有必需参数刷新整个页面，如何使用AJAX、PHP、MySQL实现这一点

这是搜索面板的html代码：-

 <form id="frmSearch" method="post">
            <table width="850px" style="font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold">
            <tr>
            <td width="80px">I Want to</td>
            <td width="140px">Property Type</td>
            <td>Budget</td>
            <td>Bedrooms</td>
            <td>Location</td>
            </tr>


         <tr>
             <td width="80px"><select name="want-to" class="tb112" style="height: 20px; width:80px;">
                    <option value="0">Select</option>
                    <option value="1">Buy</option>
                    <option value="2">Rent</option>
                  </select>                </td>
                <td width="140px"><select id="propertyType" class="tb112" onchange="PropertyTypeSelectChanged()"    style="height: 22px; width:160px;"          name="propertyType"   >
                  <option selected="selected" value="-1"> ---Select--- </option>
                  <optgroup label="ALL RESIDENTIAL"></optgroup>
                  <option value=" 1">Multistorey Apartment</option>
                  <option value="2">Builder Floor Apartment</option>
                  <option value="3">Residential House</option>
                  <option value="4">Villa</option>
                  <option value="5">Residential Plot</option>
                  <option value="6">Penthouse</option>
                  <option value=" 7">Studio Apartment</option>
                  <option value="8">Service Apartment</option>
                  <option value=" 9">Holiday Home</option>
                  <optgroup label="ALL COMMERCIAL"></optgroup>
                  <option value="10">Commercial Office Space</option>
                  <option value=" 11">Office in IT Park/ SEZ</option>
                  <option value=" 12">Commercial Shop</option>
                  <option value=" 13">Space in Shopping Mall</option>
                  <option value=" 14">Commercial Showroom</option>
                  <option value=" 15">Kiosk</option>
                  <option value=" 16">Business Centre</option>
                  <option value=" 17">Commercial Land</option>
                  <option value=" 18">Warehouse/ Godown</option>
                  <option value=" 19">Guest House</option>
                  <option value="20">Hotel</option>
                  <option value="21">Hotel Sites</option>
                  <option value=" 22">Industrial Land</option>
                  <option value="23">Industrial Building</option>
                  <option value=" 24">Industrial Shed</option>
                  <optgroup label="ALL AGRICULTURAL"></optgroup>
                  <option value=" 25">Agricultural Land</option>
                  <option value=" 26">Farm House</option>
                </select></td>
                <td width="110px">
                    <select name="select" id="select1" class="tb112" style=" Height:20px; width:100px;">
                      <option value="-1">Min</option>
                      <option class="" value="1">Below 5 Lacs</option>
                      <option class="" value="500000">5 Lacs</option>
                      <option class="" value="1000000">10 Lacs</option>
                      <option class="" value="1500000">15 Lacs</option>
                      <option class="" value="2000000">20 Lacs</option>
                      <option class="" value="2500000">25 Lacs</option>
                      <option class="" value="3000000">30 Lacs</option>
                      <option class="" value="4000000">40 Lacs</option>
                      <option class="" value="5000000">50 Lacs</option>
                      <option class="" value="6000000">60 Lacs</option>
                      <option class="" value="7500000">75 Lacs</option>
                      <option class="" value="9000000">90 Lacs</option>
                      <option class="" value="10000000">1 Crore</option>
                      <option class="" value="15000000">1.5 Crores</option>
                      <option class="" value="20000000">2 Crores</option>
                      <option class="" value="30000000">3 Crores</option>
                      <option class="" value="50000000">5 Crores</option>
                      <option class="" value="100000000">10 Crores</option>
                      <option class="" value="200000000">20 Crores</option>
                      <option class="" value="300000000">30 Crores</option>
                      <option class="" value="400000000">40 Crores</option>
                      <option class="" value="500000000">50 Crores</option>
                      <option class="" value="600000000">60 Crores</option>
                      <option class="" value="700000000">70 Crores</option>
                      <option class="" value="800000000">80 Crores</option>
                      <option class="" value="900000000">90 Crores</option>
                      <option class="" value="1000000000">100 Crores</option>
                      <option class="" value="28">100+ Crores</option>
                      <option class="" value="99">On Request</option>
                    </select></td>
                <td width="110px"><select name="select3" class="tb112" id="select3" style=" Height:20px; width:100px;">
                    <option value="-1">Max</option>
                    <option class="" value="1">Below 5 Lacs</option>
                    <option class="" value="500000">5 Lacs</option>
                    <option class="" value="1000000">10 Lacs</option>
                    <option class="" value="1500000">15 Lacs</option>
                    <option class="" value="2000000">20 Lacs</option>
                    <option class="" value="2500000">25 Lacs</option>
                    <option class="" value="3000000">30 Lacs</option>
                    <option class="" value="4000000">40 Lacs</option>
                    <option class="" value="5000000">50 Lacs</option>
                    <option class="" value="6000000">60 Lacs</option>
                    <option class="" value="7500000">75 Lacs</option>
                    <option class="" value="9000000">90 Lacs</option>
                    <option class="" value="10000000">1 Crore</option>
                    <option class="" value="15000000">1.5 Crores</option>
                    <option class="" value="20000000">2 Crores</option>
                    <option class="" value="30000000">3 Crores</option>
                    <option class="" value="50000000">5 Crores</option>
                    <option class="" value="100000000">10 Crores</option>
                    <option class="" value="200000000">20 Crores</option>
                    <option class="" value="300000000">30 Crores</option>
                    <option class="" value="400000000">40 Crores</option>
                    <option class="" value="500000000">50 Crores</option>
                    <option class="" value="600000000">60 Crores</option>
                    <option class="" value="700000000">70 Crores</option>
                    <option class="" value="800000000">80 Crores</option>
                    <option class="" value="900000000">90 Crores</option>
                    <option class="" value="1000000000">100 Crores</option>
                    <option class="" value="28">100+ Crores</option>
                    <option class="" value="99">On Request</option>
                  </select>                </td>
                <td width="100px">      <select name="BedRooms" class="tb112" style="height: 20px; width:90%;">
                          <optgroup label="Numbers Of Bedrroms" disabled="disabled"></optgroup>
                          <option class="" value="-1">--Select--</option>
                          <option class="" value="1">1</option>
                          <option class="" value="2"> 2</option>
                          <option class="" value="3">3</option>
                          <option class="" value="4">4</option>
                          <option class="" value="5">5</option>
                          <option class="" value="6">6</option>
                          <option class="" value="7">7</option>
                          <option class="" value="8">8</option>
                          <option class="" value="9">9</option>
                          <option class="" value="10">9+</option>
                        </select>                </td>

                <td>
                    <select name="city1" class="tb112" style="height: 20px; width:90%;">
                        <option selected="selected" value="0">Select</option>
                        <option class="boldclass" value="12">Mumbai (All)</option>
                        <option class="" value="14">Central Mumbai suburbs</option>
                        <option class="" value="275">Mira Road And Beyond</option>
                        <option class="" value="218">Mumbai Andheri-Dahisar</option>
                        <option class="" value="274">Mumbai Beyond Thane</option>
                        <option class="" value="13">Mumbai Harbour</option>
                        <option class="" value="15">Mumbai Navi</option>
                        <option class="" value="18">Mumbai Others</option>
                        <option class="" value="16">Mumbai South</option>
                        <option class="" value="17">Mumbai South West</option>
                        <option class="" value="219">Mumbai Thane</option>
                  </select>             </td>
                    <td width="150px">
                    <input type="submit"  class="bgf"  value="Search" id="btnsearch" />             </td>
              </tr>
            </table>
            </form>


我想
属性类型
预算
卧室
位置
挑选
购买
租
---选择--
多层公寓
建筑层公寓
住宅
别墅
住宅小区
阁楼
工作室公寓
服务公寓
度假屋
商业办公空间
位于IT园区/经济特区的办公室
商铺
商场空间
商业陈列室
小亭
商务中心
商业用地
仓库/仓库
宾馆
酒店
酒店场地
工业用地
工业建筑
工业棚
农地
农家院
分钟
低于5拉丁美洲和加勒比海
5拉丁美洲和加勒比
10拉丁美洲和加勒比
15拉丁美洲和加勒比
20拉丁美洲和加勒比
25拉丁美洲和加勒比
30拉丁美洲和加勒比
40拉丁美洲和加勒比
50拉丁美洲和加勒比
60拉丁美洲和加勒比
75拉丁美洲和加勒比
90拉丁美洲
1百万
150亿卢比
2亿卢比
三百亿
5亿卢比
10亿
2千万
三千万
4千万
5千万
六千万
七千万
八千万
九千万
1亿卢比
100多亿卢比
应要求
马克斯
低于5拉丁美洲和加勒比海
5拉丁美洲和加勒比
10拉丁美洲和加勒比
15拉丁美洲和加勒比
20拉丁美洲和加勒比
25拉丁美洲和加勒比
30拉丁美洲和加勒比
40拉丁美洲和加勒比
50拉丁美洲和加勒比
60拉丁美洲和加勒比
75拉丁美洲和加勒比
90拉丁美洲
1百万
150亿卢比
2亿卢比
三百亿
5亿卢比
10亿
2千万
三千万
4千万
5千万
六千万
七千万
八千万
九千万
1亿卢比
100多亿卢比
应要求
--挑选--
1.
2.
3.
4.
5.
6.
7.
8.
9
9+
挑选
孟买（全部）
孟买市中心郊区
米拉路及其后
孟买安德烈·达伊萨酒店
孟买超越塔恩
孟买港
孟买海军
孟买其他
孟买南部
西南孟买
孟买塔恩

您可以尝试这种方法。然而，这只是一个粗略的描述，你将不得不付出你的努力。正如你所说，你有一个AJAX的想法，所以你可以理解这一点。有关AJAX的更多详细信息，请访问w3schools

每当用户点击形式。例如：

编写javascript函数，以便获得所有的领域。例如：

if ($_POST['identifier']=="search" )

var s=document.getElementById（“IDWillGoHere”）.value

一旦获得了值，就可以使用AJAX与服务器端通信编写脚本并发送所有变量。例如：

if ($_POST['identifier']=="search" )

object.send（“标识符=搜索&var1=“+var1+”&var2=“+var2+”&var3=“+var3”）

此处假定标识符是一个变量，用于告诉服务器正在发送的信息类型。
它是可选的。如果您要将请求发送到包含多个
响应脚本

在服务器端，您可以编写脚本来获取发送的变量通过AJAX。例如：

if ($_POST['identifier']=="search" )

{

清理和验证变量

执行数据库操作（SQL、NOSQL等）以获取所需信息

现在假设有几个变量作为r