表单被重复提交

    xiaoxiao2024-01-12  175

    表单被重复提交

    顺口说一句,测试后台前,先将前台数据alert()以下,看下是否传到了后台 如果没有建议检查下代码,ajax的话检查下建立的连接,网址内容有没有写错

    1,原因:

    有别的事件在你触发提交事件的时候同步执行了

    2,分析:

    有别的事件绑定到你的触发事件上了,比如:如果使用某些别人的代码,或者在书写代码的时候给同一个触发机制绑定了两个或多个提交事件

    3,查找问题来源:

    我写的是一个后台系统的登录界面,但总是出现后台数据获取错误,或者获取不到的情况

    调试时有以下情况:

    1.若使用打印函数查看前台传来的信息,有你输入的数据,同时又掺杂着别的数据

    比如: 你输入的name值为sss,而后台打印name的值却出现了两个:name = sss;name=null

    2.调试时调试函数某个时刻重复跳转到了本不该跳转的行数,比如:走完一次断点后又回到了开始,并且这次的值不是你输入的或者为null

    若出现以上情况,可以用以第4点处理方法去查看是否是由于多次提交

    4,查找问题根本

    我是使用的chrome调试,F12进入调试界面,操作表单的同时查看对应的Net的情况

    5,示例:

    辛酸泪啊

    <div > <a id="login_btn" href="user_login" >登录</a> </div>

    如上代码所示,我给a标签绑定了href,同时我又使用ajax绑定了a标签实现数据转发的功能,导致了结果,处理办法:

    1.留其一删一个

    2.将href内容写为"javascript:void(0)"

    调试了n久,对界面基本不熟,早用chrome调试早结束了,不过也算有所收获

    最新回复(0)