我想在 URL http://localhost/mvc/index.php/1/ASC 中像这样传递参数。怎么做？

Question

我的代码片段是

        <form>
          <input type="hidden" name="pageno" value="<?php echo $pno;?>">
          <select name="sort" class="float-right ralign" onchange="this.form.submit()">
            <option value="" disabled selected>--select sort--</option>
            <option value="ASC">Sort by Ascending</option>
            <option value="DESC">Sort by Descending</option>
          </select>
        </form>

目前，我正在以http://localhost/mvc/index.php?pageno=1&sort=ASC格式重定向 onchange。

我想在我的 URL 中得到这样的http://localhost/mvc/index.php/1/ASC 。该怎么做？

Answer 1

您可以通过 jquery 直接覆盖 onchange 事件中的表单操作。

因此，当用户从下拉列表中选择时，您需要调用/创建 onchnage 方法，并且在该方法中，您可以根据需要右击表单操作，因为在这种情况下，您已经拥有必须在新 url 中使用的参数。

Answer 2

您可以使用 javascript 构建这样的 URL http://localhost/mvc/index.php/1/ASC 。

像这样添加以下路线（application/config/routes.php）

例子：

$route['product/(:num)/(:num)'] = 'catalog/product_lookup_by_id/$1/$2';

您可以使用 uri 段获取值。

$this->uri->segment(1); // controller
$this->uri->segment(2); // action
$this->uri->segment(3); // 1stsegment
$this->uri->segment(4); // 2ndsegment

Answer 3

您可以调用选择框的 Ajax Onchange 事件。

HTML

<form method="post" id="frmsubmit">
          <input type="hidden" name="pageno" value="<?php echo $pno;?>">
          <select name="sort" class="float-right ralign" id="ralign">
            <option value="" disabled selected>--select sort--</option>
            <option value="ASC">Sort by Ascending</option>
            <option value="DESC">Sort by Descending</option>
          </select>
        </form>

阿贾克斯

$(document).on('change','#ralign',function(){
   var formdata = new FormData($("#frmsubmit")[0]);
   $.ajax({
         url: 'yoururl', //like insert.php or other route
         type: 'POST',
         data: formdata,
         dataType: "json",
         contentType: false,
         cache: false,
         processData: false,
         success: function(response) {  

         }

   });
})