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()}
   });
});

等...

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

Answer 2

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

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

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

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

2 个答案: