来自listview的jquery移动AJAX调用

时间:2015-10-02 14:52:58

标签: php ajax jquery-mobile

我有一个表填充了来自单个查询的两种类型的php变量。我希望读者看到带有typeA变量的表,然后使用viewB切换到同一个表。

读者可以从一个小弹出菜单切换视图,该菜单包含列表项“View A”和“View B”

我正在尝试通过AJAX调用完成视图切换,但它无法正常工作。下拉“眼睛”菜单,选择“查看B”,没有任何反应。

这有什么不对?任何帮助都会受到热烈欢迎。

PHP:

<?php
$sql = //select all type-A and type-B columns//

{// process $sql results, return type-A and type-B variables  }

$view = $_REQUEST['name'];
if ($view == 'viewA'){// include('table.php'); echo $table, populated with type-A variables  }
if ($view == 'viewB') {// include('table.php'); echo $table, populated with type-B variables   }

?>

...这里是js和html:

   $(function() {

     $('#popupSwitchView').change(function() {
       var theView = $.trim($('.theView').val());

       if (theView.length > 0) {
         $.ajax({
           type: 'POST',
           url: 'file.php',
           data: ({
             name: theView
           }),
           cache: false,
           dataType: 'text',
           success: onSuccess
         });
       }
     });

     $('#resultLog').ajaxError(function(event, request, settings, exception) {
       $('#resultLog').html('Error Calling: ' + settings.url + '<br />HTTP Code: ' + request.status);
     });

     function onSuccess(data) {
       $('#resultLog').html(data);
     }

   });
<div data-role='page'>


  <a href='#popupSwitchView' class=' ui-btn ui-shadow ui-corner-all ui-icon-eye ui-btn-icon-notext  ui-nodisc-icon ui-alt-icon ui-btn-inline' data-transition='turn' data-rel='popup' data-inline='true'>Switch view</a>

  <div data-role='popup' id='popupSwitchView' data-theme='none'>
    <ul data-role='listview'>
      <li><a href='#' data-role='button' class='ui-btn-active switchview' name='theView' value='viewA'>View A</a>
      </li>
      <li><a href='#' data-role='button' class='switchview' name='theView' value='viewB'>View B</a>
      </li>
    </ul>
  </div>

0 个答案:

没有答案