How to pass value from search to API parameter

Seema Verma

• February 04, 2022 12:44

We are facing one issue with one of our priority task .As We are obtaining data from Rest API by using POST method in the drop down list (select list ) and for drop down , select 2 .js library is getting used .In the API , three parameters are already defined - 'q','type','limit'and these are defined in http body content  and also that dropdown includes SEARCH functionality as well that is working on AJAX . Now we want to pass search value e.g as in 'q 'parameter that is defined in REST API and send request again to API if any text is getting entered in search box and return the data and also we need to show 50 result only in the drop drown day by sending the payload data to API .

Please let us know if you have any suggestions. it would be helpful if you can provide sample report.

0

• 

  VISUI

  • Logi Info Ninja
  • February 04, 2022 14:43

  Select2 offers Ajax functionality within the configuration options of the control.
  
  I would use the Select2 Ajax option in lieu of a Logi DataLayer Rest and pass the search parameters in that manner.
  
  https://select2.org/data-sources/ajax 

   

  $('.js-data-example-ajax').select2({ 
     ajax: { 
        url: 'https://api.github.com/search/repositories', 
              dataType: 'json'  
        } 
  });

  Select2 doesn't have a built-in configuration option to limit the number of search results, it appears this needs to be handled at the rest api by means of implementing pagination.  You could use a Logi Data Definition which does the search for you, configuring the datalayer to limit the results via Maximum Rows attribute or a Condition Filter.
  
  VISUI, Inc can help build out a fully functioning Select2 control which meets all of your requirements.
  
  

   

  1
• 

  Seema Verma

  • February 04, 2022 15:15

  As I am using utilize this configuration option and passing in your search values the issue we are facing is how we can pass this the q parameter in my HTTP body  again whenever it search input change.

  $(document).ready(function() {
  $('#xyz').select2({
  ajax: {
  url: 'searchapi/kb/search',
  data: function (params) {
  var query = {
  q: params.term,type: 'public',limit:'50'}
  
  
  
  
  // Query parameters will be ?search=[term]&type=public
  return query;
  }
  }});

   

  0
• 

  VISUI

  • Logi Info Ninja
  • February 04, 2022 16:50
  • Edited

  Please see the other forum post
  https://devnet.logianalytics.com/hc/en-us/community/posts/4421481597591-Using-RestAPI-with-Select-2js-How-can-i-pass-query-string-parameter-into-the-ajax-call 

  0

Please sign in to leave a comment.