麻烦使用点击事件发送用户输入到服务器

首先我只想说感谢所有的帮助。你们真棒。基于点击提交按钮来组织一个事件，我遇到了一些麻烦。我的目标是在用户按下“发送”按钮时，在页面顶部的字段中使用用户输入来运行Chat.send（）函数。只需重申，当用户单击发送按钮时，我想将文本栏中的字符串传递给Chat.send（）。我对此很新，希望找到一个方向。我把一劈它，但它不是在所有工作..麻烦使用点击事件发送用户输入到服务器

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <script src="http://chatbuilder.hackreactor.com/ChatBuilder.js"></script> 
     </head> 
     <body> 
      <script> 
      Chat.guide.start(); 
      </script> 


    <h2>Borken Chat</h2> 

     <input class="draft" type="text"/> <button class="send" disabled>send</button> 



<ul class="messages"> 

    <script> 
    var Chat_Messages=[]; 

    function fetchNew() { 
    var PrintChat=function(Chat_Messages){ 
    var y=Chat_Messages.length; 
    for(i=0;i<y;i++){ 
     Chat.display(Chat_Messages[i]); 
    } 
    } 
Chat.fetch(PrintChat); 
} 

setInterval(fetchNew,3000); 


/* 
*$('#send').click(function(){ 
    var Input=<input class="draft" type="text"> 
    Chat.send(Input) 
}) **This was my attempt. I was trying to use the "send" button to trigger an event that calls Chat.fetch on a variable that I   was trying to define as the user input*/ 



    </script> 

</ul> 

</body> 
</html>

来源

2013-04-23 HectorOfTroy407

当您将标记分配给变量Input时，需要引用标记。这不会解决您的问题，因为您需要输入字段的实际值，如user1846192所示。只是更多的js/jQuery开发公共服务公告。 – Swordfish0321 2013-04-23 00:11:35

试试这个：

$(function(){ 

    // <-- Stick the rest of your code here. 

    $('.send').click(function(){  
    Chat.send($('.draft').val()) 
    }); 
});

来源

2013-04-23 00:07:28

嘿不幸的是，这是行不通的。我会继续尝试 – HectorOfTroy407 2013-04-23 00:11:50

这也是一个好主意，摆脱'.send'按钮'disabled'属性，那么它应该工作。 – 2013-04-23 00:19:12

如果上面的代码正常工作，但是你的聊天不起作用，那么在'$（document）内部粘贴所有的JS，包括'Chat.guide.start（）;'可能是一个好主意， .ready（function（）{}）'位。编辑答案以澄清那里。 – 2013-04-23 00:26:57

我知道这是一个很老的问题，但我只是能够看着办吧（大部分），所以我想我会分享我所做的。我主要关心的是如何从<input class="draft" type="text"/>中获取文本。我决定只分配给它，像这样<input class="draft" type="text" value=""/>

和代码的其余部分的值 -

$('.send').on('click', function(){ 
var myMessage = $('.draft').val(); 
Chat.send(myMessage); 
});

它发送给服务器，但我现在与它具有唯一的问题是，文本点击.send时，我的类型不会消失。不应该太难以弄清楚。

来源

2014-05-14 21:04:32 yoleg

嗨，你好，以Stackoverflow。然而，你的答案与Mathijs Flietstra的答案基本相同，所以它不会增加太多的知识。 – 2014-05-14 21:33:37

欢迎来到堆栈溢出！ – 2015-01-16 22:20:54

谢谢@LiamSchauerman我很高兴能加入这样一个非凡的团队。 – yoleg 2015-02-10 12:37:52

麻烦使用点击事件发送用户输入到服务器

回答

相关问题