weixin_33704591的博客

I am trying to load a simple model with THREE JS into an overlay via AJAX. The first load is working and the model is showing up, but as soon as I am closing the overlay and opening it again three js in not loading anymore.

Here is how I loaded the three js assets:

$.ajax({
    url: url,
    type: 'POST',
    success: function(data) {
        $('#modal-container').html(data);

        $.getScript("https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js");
        $.getScript("https://cdn.jsdelivr.net/gh/mrdoob/three.js@r92/examples/js/loaders/GLTFLoader.js");
        $.getScript("assets/js/three-min.js");

      }
});

Is there a better, more cleaner, way of achieving this? It also seems to slow down my whole pagespeed.

I use AJAX web server on my ESP32 to display values I measure. The values consist of numbers in an array.

What is the best way to update those values? - If I am using too difficult one.

I am tring to make work this code, but I dont understand what is the problem, since this is a bit over my knowledge.

void handlevalues() {
    server.send(200, "text/plane", String(strd[0][0]) + "," + String(strd[0][1]) + "," + String(strd[1][0]) + "," + String(strd[1][1]));   
    //and so on
}

html part

<form id="custom_form" name="custom_upload" method="POST" enctype="multipart/form-data">
<label>Choose File:</label>
 <input id="in" name="csv_file" value="Add CSV" type="file" required />
<table class="opttable">
  <tr>
     <td>
         Title<span style="color: red;">*</span>
     </td>
     <td>
     <select id="select1" class="optselect form-control">
          <option>abc</option>
          <option>cde</option>                                                      
      </select>
      </td>
   </tr>
</table>
<input type="submit" value="Submit" class="onsubmit">
</form>

javascript part

$('.onsubmit').on('click', function (e) {
      var id = {{id}}
      var fd= $('form').serialize()
      console.log(fd)
      $.ajax({
       url: '/someview/'+id,
       type: 'POST',
       data: fd,
       sucess: function(data) {
       console.log(data);
       },
       error: function(err) {
         console.log('err: '+err);
       }
    });
});

This is my code. So basically I want to pass both file and normal data in ajax call. I think serialize method converts form data into strings and I want to send file as well so how can achieve this.