通过jquery点击事件在php中设置会话变量


Setting session variable in php through jquery click event

到目前为止,我一直在研究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 );
   }
 }