用ajax提交表单数据时的小细节

最新推荐文章于 2024-09-19 23:14:27 发布

混世魔王xiaolili

最新推荐文章于 2024-09-19 23:14:27 发布

阅读量200

点赞数

文章标签： ajax 表单数据

本文链接：https://blog.csdn.net/sinat_27329207/article/details/49558347

版权

我们在用ajax来提交表单数据时，一定要记得将表单的提交事件置为false，阻止表单的提交，即onsubmit="return false;"。这样ajax才能将表单数据传到后台。例如：

<form id="chatForm" onsubmit="return false;">
    姓名：<input type="text" id="author" name="author" size="50"><br/>
    内容：<input type="text" id="content" name="content" size="50"><br/>
          <input id="submit" type="submit" value="发送"/>
</form>

<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<script type="text/javascript">                     
    $('#submit').click(function(){
        $.post('servlet/ChatServlet?method=add');
    });

</script>