javascript - 如何在 .js 文件内提交提示

Question

我的 script.js 文件中有一个提示，它接受输入(用户名)并将其存储在数组中，然后应该将该数组发送到服务器。

我想知 Prop 体如何让“prompt.submit”部分正常工作，因为它目前在控制台中声明“prompt.submit不是一个函数”。 - 我知道这是不正确的，但我不知道还能怎么做。

var socket = io();

var items = [];
var user = user;
if (!user) {
  user = prompt('Please choose a username:');
  items.push(user);
  if (!user) {
    alert('Your name has been set to "Anonymous"');
  } else {
      alert('Your name has been set to "'+ user +'"');
  } 
}
console.log(items);

$(function (e) {
    prompt.submit(function(e) {
      e.preventDefault(); // prevents page reloading
      socket.emit(items);
      return false;
    });
  });

请注意，我的上述代码基于以下工作代码，该代码从 HTML 文件中的表单获取输入并将其发送到服务器:

 $(function () {
    $('form').submit(function(e) {
      e.preventDefault(); // prevents page reloading
      socket.emit('chat message', $('#m').val());
      $('#m').val('');
      return false;
    });
  });

如何在此 .js 文件中重新创建提示的 $('form').submit ？

Answer 1

不需要显式调用prompt.submit，因为没有这样的方法。使用提示将卡住您的代码从调用位置执行，并继续单击“确定”，同时最终也会获得其值

$("document").ready(function () {
  //var socket = io();

var items = [];
var user = prompt('Please choose a username:');
  
  if (!user || user ==="") {
    alert('Your name has been set to "Anonymous"');
    items.push("Anonymous")
  } else {
    items.push(user);
      alert('Your name has been set to "'+ user +'"');
  }


  sendItems(...items)


function sendItems(items) {
  console.log(items)
  //socket.emit('chat message',items);
  return false;
}
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>