为什么用$("#frmV").ajaxSubmit(options) ;显示不了数据。改成 $("#frmV").ajaxForm(options) ;才可以-慕课网

为什么用$("#frmV").ajaxSubmit(options) ;显示不了数据。改成 $("#frmV").ajaxForm(options) ;才可以

来源：2-2 表单插件——form

淡水狗

2017-08-21 00:15

    <form id="frmV" method="post" action="#">
            <div id="divtest">
                <div class="title">
                    <span class="fl">个人信息页</span> 
                    <span class="fr">
                        <input id="btnSubmit" type="submit" value="提交" />
                    </span>
                </div>
                <div class="content">
                    <span class="fl">用户名：</span><br />
                    <input id="user" name="user" type="text" /><br />
                    <span class="fl">昵称：</span><br />
                    <input id="nick" name="nick" type="text" />
                    <div class="tip"></div>
                </div>
            </div>
        </form>
        
        <script type="text/javascript">
         $(function(){
             var options = {
                 url:"http://www.imooc.com/data/form_f.php",
                 target:".tip"//返回的结果放在..元素之下
             }
             $("#frmV").ajaxForm(options) ; 
         })
         
        </script>

写回答关注

2回答

宝慕林0457371

2017-08-22 10:33:12

已采纳

ajaxForm不能主动提交form，函数只是为提交表单做准备需要以submit来触发提交。而ajaxSubmit会主动提交表单，同时可以在点击其他按钮时也可以触发提交，不一定是submit按钮。如果用ajaxSubmit,在点提交按钮前就已经将表单内容提交了

1 0

淡水狗

非常感谢！

2017-08-22 18:19:05

共 1 条回复 >
淡水狗

2017-08-22 18:17:40

好吧我自己知道了。
ajaxSubmit()方式是这么写的
$('#frmV').submit(function() {
$(this).ajaxSubmit(options);
});

ajaxForm()方式是这么写的
$("#frmV).ajaxForm(opitons)

0 0

jQuery基础(五)一Ajax应用与常用插件

如何用jquery实现ajax应用，加入学习，有效提高前端开发速度

69095 学习 · 400 问题

查看课程

相似问题

ajaxForm()方法的应用?

回答 1

请问：ajaxForm()方法中有哪些参数

回答 1

鼠标离开范围如何取消呢？ options到底有哪些？

回答 1

自己改了一点$.extend() 不知道为什么不好用

回答 5

为什么没有显示

回答 3

打开慕课网App查看更多内容