如何使用ajax处理多个echo语句

时间:2015-04-22 05:40:48

标签: php jquery ajax wordpress

我正在使用wordpress,我有一个带有多个echo语句的php函数,并且使用ajax我只能返回一个print语句。那么如何使用ajax处理多个print语句,并且在ajax端我只是将结果附加到div。下面是代码。谢谢!

PHP

function display()
{


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

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

echo 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;
echo $category. '<br>';
//get current competition value

        $comp = $wpdb->get_var("SELECT competition FROM competition ORDER BY cid DESC LIMIT 1");
//echo $comp;
        $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());

foreach( $results as $result ) {
echo '<form action="" method="post">';
echo "<input name='category' type='hidden' value='$result->category'>";

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

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

}//end of foreach




}//end of isset
else {echo "<h1 style='font-family:Satisfy,cursive; font-size:normal;background-color:pink;'>"."Please select a category"." </h1>";die();}

}

将我的功能链接到ajax

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' ) ) );
}

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" name="displayimage" value="Search"  style="margin-left:15px; margin-bottom:15px;">
</form>
<div id="myresult"></div>

带有ajax代码的jquery文件

jQuery(function ($) {
    $("#mydispimage").submit(function (e) { //form is intercepted
        e.preventDefault();
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").html(res);

            return false;
        } //end of function
        ,
        'html'); 
    }); // submit end here
});

1 个答案:

答案 0 :(得分:0)

我建议您改为返回JSON数据:

function display() {

    $response = array();

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

        $category = $_POST['category'];
        $response['link'] = '<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();
     }

}