问答详情
源自:2-2 表单插件——form

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

    <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>


提问者:淡水狗 2017-08-21 00:15

个回答

  • 宝慕林0457371
    2017-08-22 10:33:12
    已采纳

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

  • 淡水狗
    2017-08-22 18:17:40

    好吧我自己知道了。

    ajaxSubmit()方式是这么写的

               $('#frmV').submit(function() { 

                $(this).ajaxSubmit(options); 

               });


    ajaxForm()方式是这么写的

             $("#frmV).ajaxForm(opitons)