jquery - 如何使用 JQuery 的事件处理程序使用带有提交按钮的文本框？

Question

我是一个新的 JQuery 用户，我的任务是通过文本框和 Web 浏览器窗口上的提交按钮作为添加到无序列表末尾的列表项提交文本。

HTML：

 <ul class="list">
      <li></li> 
 </ul>

JS：

 var text = $('text');
 var submit = $('submit');

问题：我将使用哪些 JQuery 事件处理程序来提交文本框中的文本并使用 HTTP 请求将我的文本提交到服务器？

任何建议和编码示例将不胜感激！谢谢！

Answer 1

实际上，课程是：

var text   = $('.text');
var submit = $('.submit');

然后你会这样做：

submit.on('click', function(e) {
   e.preventDefault();
   $.ajax({
       url : '/server/myURL/',
       type: 'POST',
       data: {myData : text.val()}
   });
});

ETC...

阅读文档并查看 SO 上的答案以了解更多信息？

Answer 2

创建一个表单，将所有表单字段放入其中，然后绑定提交按钮

var text   = $('.text');
var submit = $('.submit');

submit.click(function(){
     $.ajax({
        url : 'yourServerURL',
        type: 'POST',
        data:  text.val()
     });
});