0

我正在尝试使用多个条件进行 Jquery Ajax 搜索,这是我的第一次。我做了一些研究并找到了将数据发送到 php 文件的方法,但是它只有一个变量。我不确定如何将我的所有 6 个变量实现到data: data.

他们来了:

var FromDate
var ToDate
var MusicStyles
var Locations
var FromPrice
var ToPrice

现在这是我卡住的地方,我应该用一些数据做一个帖子。当我有多个变量时,我可以这样做data: dataFromDate, dataToDate, dataMusicStyles,吗?

$("#SearchButton").click(function() {

var dataFromDate            = 'dataFromDate='+ FromDate;
var dataToDate              = 'dataToDate='+ ToDate;
var dataMusicStyles         = 'dataMusicStyles='+ MusicStyles;
var dataLocations           = 'dataLocations='+ Locations;
var dataFromPrice           = 'dataFromPrice='+ FromPrice;
var dataToPrice             = 'dataToPrice='+ ToPrice;


            $.ajax({
                type: "POST",
                url: "do_search.php",
                data: dataFromDate, dataToDate, dataMusicStyles, dataLocations, dataFromPrice, dataToPrice,
                beforeSend: function(html) { // this happens before actual call
                    $("#results").html('');
                    $("#searchresults").show();
                    $(".word").html(searchString);
               },
               success: function(html){ // this happens after we get results
                    $("#results").show();
                    $("#results").append(html);
              }
            });   
});

MySQL 看起来像这样:

<?php
//if we got something through $_POST
if (isset($_POST['dataFromDate'])) {
    include('db.php');
    $db = new db();
    // never trust what user wrote! We must ALWAYS sanitize user input
    $word = mysql_real_escape_string($_POST['search']);
    $word = htmlentities($word);
    // build your search query to the database

    $sql = "SELECT
    events.ID,
    events.EVENT_NAME,
    events.start_datetime,
    events.end_datetime,
    events.VENUE_LOCATION,
    events.ENTRANCE_PRICE, 
    venues.VENUE_NAME,
    GROUP_CONCAT(music_styles.MUSIC_STYLE_NAME) AS MUSIC_STYLE_NAME
    FROM events
    INNER JOIN venues 
    ON events.VENUE_LOCATION = venues.ID
    INNER JOIN events_music_styles
    ON events.ID = events_music_styles.event_id
    INNER JOIN music_styles
    ON events_music_styles.music_style_id = music_styles.id
    WHERE start_datetime >= '$phpFromDate'
    AND end_datetime <= '$phpToDate' 
    AND ENTRANCE_PRICE >= '$phpFromPrice'
    AND ENTRANCE_PRICE <= '$phpToPrice' 
    GROUP BY events.ID";

    // get results
    $row = $db->select_list($sql);
    if(count($row)) {
        $end_result = '';
        foreach($row as $r) {
            $result         = $r['title'];
            // we will use this to bold the search word in result
            $bold           = '<span class="found">' . $word . '</span>';   
            $end_result     .= '<li>' . str_ireplace($word, $bold, $result) . '</li>';           
        }
        echo $end_result;
    } else {
        echo '<li>No results found</li>';
    }
}
?>

我 100% 确定它不会像这样工作,但我想我几乎是对的。如果有人至少可以让我知道我可以做些什么来修复代码,我会很高兴。

谢谢!

4

2 回答 2

3

您将其作为对象发送,如下所示:

$.ajax({
    type: "POST",
    url: "do_search.php",
    data: {dataFromDate    : FromDate,
           dataToDate      : ToDate,
           dataMusicStyles : MusicStyles,
           dataLocations   : Locations,
           dataFromPrice   : FromPrice,
           dataToPrice     : ToPrice
    },
    beforeSend: function(html) { // this happens before actual call
        $("#results").html('');
        $("#searchresults").show();
        $(".word").html(searchString);
    },
    success: function(html) { // this happens after we get results
        $("#results").show();
        $("#results").append(html);
    }
});​

第一个值是键,第二个值是值,因此{key: value}将在服务器上访问$_POST['key'],您的值将以您想要的方式访问:

$_POST['dataFromDate']

此外,您一开始不需要所有这些变量,只需直接在对象中使用它们即可。

于 2012-12-16T20:06:06.173 回答
0

尝试用 a 连接你的字符串","并在服务器上分解它们。

于 2012-12-16T20:07:00.280 回答