Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

bootstrap-table : passing parameter to $.ajax()

I am following the example https://examples.bootstrap-table.com/index.html#options/table-ajax.html#view-source

<table
  id="table"
  data-toggle="table"
  data-height="460"
  data-ajax="ajaxRequest"
  data-search="true"
  data-side-pagination="server"
  data-pagination="true">
</table>

I would need to pass a parameter in data-ajax="ajaxRequest" let say switch = 1 to my ajaxRequest script below:

function ajaxRequest(params) {        
        $.ajax({
            type: "post",
            url: "process.php",
           dataType: 'json',
data:{
//I want to pass *switch* variable here to process.php
//how?
} 
           success: function(items) {
                params.success({
                    rows: items

                }, null);
            },
            error: function(er) {
                console.log(params.error(er))
                console.log("error", er);
            }
        })
    }

Please help.

-Edit---- 2021/09/29 Thanks @Eitanmg, I read that doc.

So sorry if my question was not clear.

So, from view.php :

<table
  id="table"
  data-toggle="table"
  data-height="460"
  data-ajax="ajaxRequest"
  data-query-params="queryParams"
  data-search="true"
  data-side-pagination="server"
  data-pagination="true">
</table>

I want to pass switch = 42 to ajaxRequest so then later in ajaxRequest the data:{ "switch": params.data.switch } is processed in process.php which contains:

if (switch == 42){ 
    task1()
 }else if (switch == 42){
    task2()
 }else { and so on}

So the "42" is sent from the view.php dinamically. and switch variable will process various function on process.php based on the value.

I am looking for advice to send switch parameter from php file to ajaxRequest.

like image 594
fawzan Avatar asked Mar 05 '26 01:03

fawzan


1 Answers

You should add data-query-params="queryParams" to you table as:

<table
  id="table"
  data-toggle="table"
  data-height="460"
  data-ajax="ajaxRequest"
  data-query-params="queryParams"
  data-search="true"
  data-side-pagination="server"
  data-pagination="true">
</table>

and add new function with switch querystring parameter

  function queryParams(params) {
    params.switch = 42
    return params
  }

and in you ajaxRequest function you should access it as:

function ajaxRequest(params) {        
        $.ajax({
            type: "post",
            url: "process.php",
           dataType: 'json',
           data:{ "switch": params.data.switch },
           success: function(items) {
                params.success({
                    rows: items

                }, null);
            },
            error: function(er) {
                console.log(params.error(er))
                console.log("error", er);
            }
        })
    }
like image 154
Eitanmg Avatar answered Mar 08 '26 20:03

Eitanmg



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!