title: modal function only showing black screen and not the actually modal,
body: <p>my modal won't show up, it's just black screen after clicking the button that opens it, im getting this error on jquery-3.3.1.min.js:2 </p>
  
  <p>[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check <a href="https://xhr.spec.whatwg.org/" rel="nofollow noreferrer">https://xhr.spec.whatwg.org/</a>..</p>
  
  <p>the javascript that ive use</p>
  
  <pre><code>&lt;script src="js/jquery-3.3.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    var data = {"ID" : ID};
  jQuery.ajax({
    url : '/Cybernetics/shop/includes/Modal.php',
    method : "post",
    data : data,
    success : function(data){
      jQuery('body').append(data);
      jQuery('#modalview').modal('toggle');
    },
    error : function(){
      alert("something went wrong!")
    }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>it works before but it suddenly didn't, anyone got any ideas??? TIA</p>