轻设计 / 轻生活 / 轻日记 / 轻梦想
=== zhoumojianshe ===
今天被一个前端问题卡壳了,花了将近一个小时解决了,找到问题原因后才发现原来这么简单,还是自己粗心大意了,我觉得解决一个问题如果超过20分钟,就需要把它记录下来,以防以后忘记,又要重蹈覆辙。
场景重现:
在项目中需要上传商户的资质文件,用的是常用的jQuery.form.js插件,用其中的Ajaxsubmit函数,代码都coding好了,测试吧,问题来了,无论如何都不进success回调函数,连error函数也不进,f12进chrome调试模式,根本看不到请求的action,后台断点也不进,于是上网搜索吧,同僚们也遇到过此问题,但要么是代码coding有误,要么就是拿datatype做文章,试了几个可能像的方案,都未果,于是还是捋一捋代码,查看网页源代码,果然发现了问题,上传文件的form外围还有一层form,这就导致form提交的的时候不知道提交哪一层的form,尽管已经调用指定ID的form提交也是不行的,于是干脆就什么都不做,所以不管怎么debug,什么现象也看不到,问题找到了,修改不是轻而易举么!
PS总结:form嵌套form,ajaxsubmit是无效的。
本文由周元俊博客原创出品,如需转载请注明出处
本文出处:http://www.youtiy.com/detail_294.html