使用jQuery实现表单ajax提交.docxVIP

使用jQuery实现表单ajax提交（不支持文件上传） 有的童鞋可能会说了，不就是jQuery.post($(‘form’).attr(‘action’), $(‘form’). serialize(), function(response){})吗，谁不知道啊。呵呵，您了说的还真没错，核心确实是这个。但在真实项目中，这是远远不够的。 在实际的开发中，ajax提交表单必须给当前访问者明确的指示，让访问者知道目前数据正在提交中，这是很基本的原则。其次，ajax提交表单应该能够对错误信息进行有效的反馈，不但利于调试，而且当意外发生时应该让访问者可以知道具体发生了什么。最后，就是应该具有一定的通用性和可扩展性。 下面就介绍一下我编写的表单提交功能的jQuery代码。 功能介绍 我编写的这个表单提交代码包括以下功能： 修改jQuery.ajax组件的全局配置，以便更好的进行错误处理； Ajax提交时显示表示“运行中”的图片，完成后自动隐藏； 集成提示信息显示功能； 表单提交，可以使用或不使用ajax提交表单，支持前置函数与回调函数，这样您可以在提交时附加额外的校验，提交后触发其他的处理。 各部分的源码及介绍如下。 jQuery.ajax的全局配置 jQuery提供ajaxSetup方法来控制ajax对象的默认运行方式，我用它进行了如下配置： jQuery.ajaxSetup({