get_datalist_searchvals.php

shows usage of get datalist searchvals

by veeuze

HTML

<script src="https://integrate.materialo.com/v2.0/js/vendor/XMLDisplay.js"></script>
<link rel="stylesheet" href="https://integrate.materialo.com/v2.0/css/vendor/XMLDisplay.css">
<div id="scriptname"></div>
<div id="output"></div>

CSS

body {
  white-space: pre;
  font-family: monospace;
}

#scriptname,
#output {
  background-color: #fff;
  padding: 10px;
}

iframe {
  width: 100%;
  height: 500px;
  border: none;
}

JavaScript

// Please adjust the following variables to your liking:
var cnf = "integrate-demo";
var col = "color";
var skeys = "";
var svals = "";
var lng = "";
var frmt = "";
var dbg = "0";
// end of adjustment

var scriptname = "https://integrate.materialo.com/v2.1/get_datalist_searchvals.php?cnf=" + cnf + "&col=" + col + "&skeys=" + skeys + "&svals=" + svals + "&lng=" + lng + "&frmt=" + frmt + "&dbg=" + dbg;
var scriptname_display = "https://integrate.materialo.com/{VersionCode}/get_datalist_searchvals.php?cnf=" + cnf + "&col=" + col + "&skeys=" + skeys + "&svals=" + svals + "&lng=" + lng + "&frmt=" + frmt + "&dbg=" + dbg;
$('#scriptname').html("This is the script you are calling:\r\n" + scriptname_display);
if (dbg == 1) {
  $("#output").html("<iframe src='" + scriptname_display + "'></iframe>");
} else if (frmt == "xml") {
  $("#output").html("This is the output:\r\n<div id='XMLHolder'></div>");
  LoadXML("XMLHolder", scriptname_display);
} else {
  $.ajax({
    url: scriptname,
    type: "GET",
    error: function(jqXHR, textStatus, errorThrown) {
      $("#output").html(jqXHR);
      $("#output").append("<br/><br/>" + textStatus);
      $("#output").append("<br/><br/>" + errorThrown);
    },
    success: function(data) {
      $('#output').html(
        "This is the output:\r\n" + JSON.stringify(data, null, 4));
    },
    datatype: "application/json"
  });
}