0
我正在使用WooCommerce建設網上商店。我製作了兩個開關按鈕,您可以使用它們更改視圖。無論是「列表視圖」還是「網格視圖」。我使用這個功能來觸發Ajax調用(此代碼只是列表視圖按鈕):無法通過AJAX加載PHP文件中的PHP
$('#view-list').on('click',function(){
var which_view = $(this).val();
$.ajax({
type: 'post',
url: 'view-list.php',
data: {which_view : which_view},
success: function(res){
$("#ajaxtest").html(null);
$("#ajaxtest").html(res); // res = your new view...
}
});
});
「視圖list.php的」看起來是這樣的:
<div id="ajaxtest">
TESTING LIST VIEW TRIGGER
<?php if (have_posts()) : ?>
<?php woocommerce_product_loop_start(); ?>
<?php woocommerce_product_subcategories(); ?>
<?php while (have_posts()) : the_post(); ?>
<?php wc_get_template_part('content', 'product'); ?>
<?php endwhile; // end of the loop. ?>
<?php woocommerce_product_loop_end(); ?>
<?php
/**
* woocommerce_after_shop_loop hook
*
* @hooked woocommerce_pagination - 10
*/
do_action('woocommerce_after_shop_loop');
?>
<?php elseif (! woocommerce_product_subcategories(array('before' => woocommerce_product_loop_start(false), 'after' => woocommerce_product_loop_end(false)))) : ?>
<?php wc_get_template('loop/no-products-found.php'); ?>
<?php endif; ?>
</div>
阿賈克斯功能工作。如在,它加載新文件'view-list.php'。但是,它不會比這更進一步。它不處理文件的其餘部分。這可能是因爲瀏覽器在加載後無法處理php函數,不是嗎?
我還能如何做這項工作?