Question

我在wordpress工作，我有一个下拉框和一个搜索按钮。在从下拉框中选择我的选择后，我使用了ajax来获取数据。现在我的问题是，如果我选择下拉其他值并按搜索，则搜索按钮仅提取一次和第二次数据。

HTML

[showmyimage]
<form id="mydispimage" action="" method="post">
<select name="category" id="category" style="width:250px; background-color:lightgrey;">';
<option value="" disabled="disabled" selected="selected" ">Select category</option>';
<option value="Cutie Pie">Cutie Pie</option>';
<option value="Chubby">Chubby</option>';
<option value="Dimples">Dimples</option>';
</select>; 
<input type="submit" id="displayimage" name="displayimage" value="Search"  style="margin-left:15px; margin-bottom:15px;">
</form>
<div id="myresult"></div>

Ajax代码

jQuery(function ($) {
    $("#mydispimage").submit(function (e) { //form is intercepted
        e.preventDefault();
//$("#displayimage").change(function (){

alert("hello");
        //serialize the form which contains secretcode
        var sentdata = $(this).serializeArray();

        //Add the additional param to the data        
        sentdata.push({
            name: 'action',
            value: 'display'
        })

        //set sentdata as the data to be sent
        $.post(yes.ajaxurl, sentdata, function (res) { //start of funciton
            //$("#myresult").append(res.l);
            $("#myresult").append(res.form);
 //$.parseJSON(data);
            return false;
        } //end of function
        ,
        'json'); //set the dataType as json, so you will get the parsed data in the callback
    });  // submit end here

    }); // change function
});

php code

    add_action( 'wp_ajax_display', 'display' );
    add_action( 'wp_ajax_nopriv_display', 'display');

    add_shortcode('showmyimage','showimage');

    function showimage(){  
    // register & enqueue a javascript file called globals.js
    wp_register_script( 'displayimg', get_stylesheet_directory_uri() . "/js/ajaxinsert.js", array( 'jquery' ) ); 
    wp_enqueue_script( 'displayimg' );

    // use wp_localize_script to pass PHP variables into javascript
    wp_localize_script( 'displayimg', 'yes', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );
}
function display()
{
    $response = array();

    if(isset($_POST['category'])) {

        $category = $_POST['category'];
        $response['l'] = '<a href="" style="margin-top:30px !important; position:absolute; z-index:50; font-size:20px;"> Participate </a>';

        $response['ujicountdown'] = do_shortcode('[ujicountdown id="Photos Contest" expire="2015/04/30 00:00" hide="true" url="" subscr="sdf" recurring="" rectype="second" repeats=""]');

        global $wpdb;
        $votes = 1;

        $response["category"] = $category;

        //get current competition value
        $comp = $wpdb->get_var("SELECT competition FROM competition ORDER BY cid DESC LIMIT 1");

        $sql = "SELECT 1user.uid, 1user.username, 1user.competition, 1user.path, 1user.category, Sum(votes.votes) AS votessum FROM 1user LEFT JOIN votes on 1user.uid=votes.uid GROUP BY 1user.uid, 1user.username, 1user.competition, 1user.path, 1user.category HAVING 1user.category = '$category' && 1user.competition = '$comp' ORDER BY votessum";

        $results = $wpdb->get_results($wpdb->prepare($sql)) or die(mysql_error());

        if( is_array($results) && count($results) > 0  ) {

            $form = "";
            foreach( $results as $result ) {

                $form .= '<form action="" method="post">';
                $form .= "<input name='category' type='hidden' value='$result->category'>";

                $form .= "<img src='$result->path' width='150' height='150' >" . '<br><br>';
                $form .= "<input name='id' type='hidden' value='$result->uid'>";
                $form .= "<input name='comp' type='hidden' value='$result->competition'>";
                $form .= $result->username.'<br>';

                $form .= $result->votessum.'<br>';
                $form .= "<input style='margin-bottom:30px;' value='vote' name='submit' type='submit'/></form>";    
            }//end of foreach

            $response['form'] = $form;
        }

    echo json_encode($response);
    die();

    }//end of isset
    else {
        $respons["status"] = false;
        $response["message"] = "<h1 style='font-family:Satisfy,cursive; font-size:normal;background-color:pink;'>"."Please select a category"." </h1>";

        echo json_encode($response);
        die();
    }  
}

Ajax只从数据库中提取一次数据

0 个答案: