到目前为止,我一直在研究Stackoverflow上所有可能的答案。但无论我怎么努力,我都无法让它发挥作用。
我正在尝试根据单击的链接设置会话变量。
这可以是"网格"或"列表">
我可以更改类和相应div的视图。但是,我对php的$.post调用没有传递变量(我假设是这样,因为没有发生任何事情(,或者我的php调用是错误的。
这是我的代码:
HTML
<li class="display-control-list-item" > <a href="javascript: void(0)" class="js-set-display list" id="list" > Listview </a> </li>
<li class="display-control-list-item" > <a href="javascript: void(0)" class="js-set-display grid" id="grid" > Gridview </a> </li>
JQUERY
function set_display_type( type ) {
if ( type == 'grid' ) {
$( '.js-set-display.list' ).removeClass( 'active' );
$( '.js-set-display.grid' ).addClass( 'active' );
$( '.content-inner' ).attr({ 'class' : 'container content-inner gridview' });
var view = 'gridview';
$.post( 'library/fx.behaviour.php' , { setdisplay: view });
}
if ( type == 'list' ) {
$( '.js-set-display.grid' ).removeClass( 'active' );
$( '.js-set-display.list' ).addClass( 'active' );
$( '.content-inner' ).attr({ 'class' : 'container content-inner listview' });
var view = 'listview';
$.post( 'library/fx.behaviour.php' , { setdisplay: view });
}
}
以及我在fx.behaviour.PHP 中的PHP
$_SESSION[ 'display' ] = 'listview'; // set default
if ( $_POST[ 'setdisplay' ] != '' ) {
$view = $_POST[ 'setdisplay' ];
$_SESSION[ 'display' ] = $view;
}
简而言之:在点击url并通过jquery将值传递给php之后,sessionvariable不会更新。
以下是我要做的(为了快速起见,去掉一些代码(:
HTML(如果使用jQuery,则不需要javascript无效代码(:
<ul id="set-display">
<li><a href="" id="list">Listview</a></li>
<li><a href="" id="grid">Gridview</a></li>
</ul>
jQuery:
$('#set-display a').click(function(e) {
var type = $(this).attr('id');
var view = (type === 'grid') ? 'gridview' : 'listview';
$.post('library/fx.behaviour.php', { display: view });
// you can use the view or type variable to trigger your other code
});
PHP:
session_start(); // if not called already
// if POST display not empty and is expected string then use it, otherwise default to 'listview'
$_SESSION['display'] = ( ! empty($_POST['display']) && in_array($_POST['display'], array('listview', 'gridview'))) ? $_POST['display'] : 'listview';
为了命名的一致性,我使用了$_POST['display']
而不是setdisplay
。检查您的jQuery调用是否得到有效的200响应也是值得的。在Chrome中,您可以通过转到检查器,选择网络选项卡,单击按钮,然后查看请求来完成此操作。
尝试将php包含到jQuery文件中(只是为了测试(并回显echo 'Foobar';
,然后在jQuery执行文件中添加<?php include('../library/fx.behaviour.php');
,并尝试更改包含行中的目录
更新
试试这个
我认为在函数范围内访问字符串时不应该有{}:
function set_display_type( type ) {
if ( type == 'grid' ) {
$( '.js-set-display.list' ).removeClass( 'active' );
$( '.js-set-display.grid' ).addClass( 'active' );
$( '.content-inner' ).attr({ 'class' : 'container content-inner gridview' });
var view = 'gridview';
$.post( 'library/fx.behaviour.php' , setdisplay: view );
}
if ( type == 'list' ) {
$( '.js-set-display.grid' ).removeClass( 'active' );
$( '.js-set-display.list' ).addClass( 'active' );
$( '.content-inner' ).attr({ 'class' : 'container content-inner listview' });
var view = 'listview';
$.post( 'library/fx.behaviour.php' , setdisplay: view );
}
}