ajax提交表单的一些注意事项.ajax提交表单是经常用到的.一般ajax提交要求不再跳转,自然而然的用到了return false .但是你知道 return false 无效,有哪些原因吗?
1.js代码有错误,语法错误,逻辑错误,等等. 语法错误相对容易解决,firebug可以看得清楚.逻辑错误就得仔细排查了;
2.跨域. www.xiaojudeng.com 域名下ajax请求
www.baidu.com ,肯定不行的;这在ie下表现为return false失效,依然正常提交;firefox可能正常;因为实际测试中,子域在firefox里正常,ie不正常.
- $(function(){
- varurl='http://www.xiaojudeng.com';
- formobj=$('#bookform');
- formobj.submit(function(){
- vartitle=$('#title').val();
- varusername=$('#usernameorder').val();
- vartelephone=$('#telephone').val();
- varbooktime=$('#booktime').val();
- if(title.length<1){
- alert('手术项目不能为空');$('#title').focus();
- returnfalse;
- }
- if(username.length<1){
- alert('您的姓名不能为空');$('#usernameorder').focus();
- returnfalse;
- }
- if(!ismobile(telephone)){
- alert('您的手机号码不正确');$('#telephone').focus();
- returnfalse;
- }
- $.post(url,formobj.serialize(),function(data){
- if(data==0){
- alert('订单提交成功,客服将及时联系您。');
- $('#title').val('');$('#usernameorder').val('');$('#telephone').val('');$('#booktime').val('');
- returnfalse;
- }
- else{
- alert('非常抱歉,订单提交失败,请联系网站客服。');
- returnfalse;
- }
- });
- returnfalse;
- });
- })
分享到:
相关推荐
随着AJAX技术的发展,可以实现无刷新提交表单,即页面不会因为数据提交而重新加载。jQuery库简化了AJAX操作,提供了$.ajax方法,可以实现异步的网络请求,从而进行无刷新的表单提交。 ### Jquery的$.ajax方法 $....
本示例代码主要展示了如何使用Ajax与Java后端进行基本交互,提供了一个简单的起点,以便进一步探索更复杂的应用场景,如分页加载、实时通讯、动态表单提交等。通过不断实践和学习,你将能熟练掌握Ajax技术,提升Web...
**六、注意事项** 1. 为了安全和性能,最好在服务器端对上传的文件进行验证和限制,例如检查文件类型、大小等。 2. 上传的文件可能需要存储在一个特定的目录,确保该目录的权限设置正确。 3. 对于大量文件上传,可能...
最后,通过send方法发送请求,并且通过return false阻止表单的默认提交行为,实现页面的无刷新提交。 接下来我们看一下具体的代码实现。页面中创建了一个HTML文件(06-ajax-reg.html),其中包含注册表单和使用...
#### 五、注意事项 1. **文件大小限制**:通常会设定一个合理的文件大小限制,以避免占用过多服务器资源。 2. **文件格式校验**:除了大小限制外,还可以增加对文件格式的校验,比如只允许上传特定类型的图片文件...
### 注意事项 在进行上述操作时,需要注意几点: - 确保ajax请求发送到正确的后端接口地址。 - 后端接口应当返回JSON格式的数据,通常返回布尔值,true表示用户名可用,false表示不可用。 - 使用同步请求(async: ...
#### 五、注意事项 - **编码格式**:文件上传时使用的编码类型应为`multipart/form-data`,这是唯一支持二进制数据上传的编码格式。 - **AJAX配置**:确保AJAX请求正确配置,包括URL、请求类型、数据类型等。 - **...
- 在表单提交时,根据用户选择的参数值跳转至不同的页面。 - 适用于分页查询、搜索结果跳转等场景。 **注意事项:** - 尝试访问`document.forms[0]`,如果不存在,则尝试访问`document.forms[1]`,增强了代码的健壮...
使用`confirm()`的注意事项 - **用户体验**:频繁或不当使用`confirm()`可能会干扰用户的正常操作流程,降低用户体验。 - **安全问题**:不要依赖`confirm()`来实现安全性功能,如防止敏感数据的意外泄露。应该在...
**注意事项:** - 此方法只适用于按钮的点击事件。 - 在非按钮元素或其他类型的事件上可能不可行。 #### 方法二:使用`<%= %>`标签嵌入C#返回值 这种方法利用ASP.NET提供的`<%= %>`标签将C#函数的返回值嵌入到HTML...
### 六、Ajax注意事项 1. **跨域问题**:Ajax请求受到同源策略限制,跨域时需要配置CORS策略。 2. **缓存**:默认情况下,GET请求可能会被浏览器缓存,可能导致数据过时。可以设置`cache: false`避免这个问题。 3. ...
#### 三、注意事项 1. **安全性考虑**:在实际部署时,应确保服务器端对上传的文件类型、大小等进行限制,以防恶意攻击。 2. **兼容性问题**:虽然HTML5提供了强大的功能支持,但在不同浏览器之间的兼容性仍需关注...
#### 五、注意事项 1. **服务器端响应格式**:确保服务器端返回的响应格式与前端期望的一致,例如这里使用的是JSON格式。 2. **错误消息提示**:可以自定义错误消息,以便于用户理解问题所在。 3. **安全性和性能**...
本文主要介绍了Java+Ajax实现的用户名重复检验功能,结合实例形式详细分析了Java针对用户名提交的Ajax数据库查询与重复检查功能相关实现技巧与操作注意事项。 首先,我们需要定义一个实体类User,该类包含了用户名...
**注意事项:** - `showModalDialog` 方法仅在 Internet Explorer 中可用。 - 对话框关闭时返回的值可通过 `window.showModalDialog` 的第二个参数获取。 ##### 返回模式对话框的值 当模态对话框被关闭时,可以返回...
如果设置为`true`,则表单不会提交,并且会在浏览器的控制台显示一些错误消息。这通常用于开发环境下的调试。需要注意的是,此功能依赖于浏览器支持如Firefox的Firebug或类似的调试工具。 ```javascript $("....
4. **注意事项**: - 文件大小限制:由于浏览器和服务器都有文件大小限制,可能需要调整这些限制以适应大文件上传。 - 错误处理:添加适当的错误处理代码,以处理网络中断、文件过大等异常情况。 - 性能优化:...
在"jquery多文件上传 demo.pdf"中,你可能会找到更详细的代码示例、注意事项和最佳实践,帮助你在实际项目中实现这一功能。确保遵循最佳安全实践,如限制文件类型、大小,以及验证上传文件的内容,以防止恶意文件...
**七、安全注意事项** 1. **密码加密**:在服务器端存储时,密码应加密存储,避免数据泄露风险。 2. **防止SQL注入**:在处理用户输入时,确保使用预编译语句或参数化查询来避免SQL注入攻击。 总结,这个"jQuery...
三、注意事项 - 文件大小限制:默认情况下,ASP.NET对上传文件的大小有限制,需要在Web.config中调整`maxRequestLength`和`httpRuntime.maxRequestLength`参数。 - 安全性:确保对上传的文件进行验证,防止恶意文件...