代码如下:
function toSaveOutList(){
$.ajax({
url: "InOrderAction!saveOutPickInOrder.action", //提交的action
data : $("#myformId").serialize(),// 从表单中获取数据 dataType: "json", //返回json格式的数据 type: "POST", // 设置请求类型为"POST",默认为"GET"
error: function(request) { // 设置表单提交出错
jAlert('warning', "提交出错,请稍候再试", '提示');
},
success: function(json) { // 设置提交完成使用方法
if(json[0].result=='success' && json[0].errorMessage==null){
jAlert('warning', '提交成功', '提示', function(r){
if(r)
location.href="InOrderAction!toOutPickInOrder.action";
});
}else{
jAlert('warning', json[0].errorMessage, '提示');
}
}
});
}
表单中如果提交的数据量比较大的情况,在IE浏览器下会提示“未知名称”数据提交不了,
一开始以为是加了data : $("#myformId").serialize(),这个的问题,检查了表单中提交的文本都是否有name属性;
后来在FireFox下不再报错,但IE下仍报“未知名称”的问题,于是怀疑是数据量过大,应该采用POST方式提交,所以在下面加上type: "POST", 这句就可以了。。
所以在做JQUERY ajax提交表单数据的时候一定要注意:
1.表单的文本框等要有name属性,并与后台接收的对应
2.注意提交的方式
分享到:
相关推荐
// 阻止默认表单提交行为 var formData = $(this).serialize(); // 获取表单数据 $.ajax({ url: 'your_server_endpoint.php', // 服务器端接口 type: 'POST', data: formData, dataType: 'json', success: ...
// 阻止默认的表单提交行为 var formData = $(this).serialize(); // 获取表单数据 $.ajax({ url: 'submitForm', // 后端接口URL type: 'POST', data: formData, dataType: 'json', success: function...
如果表单提交的目标URL与当前页面不在同一个域下,可能存在跨域问题。这时需要服务器端支持CORS(跨源资源共享)或者使用JSONP(JSON with Padding)等技术。 总结,使用jQuery的Ajax功能提交整个表单涉及的关键点...
**jQuery与Ajax无刷新提交表单** 在网页开发中,jQuery和Ajax技术的结合使得用户交互体验得到了极大的提升。"jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二...
在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换...通过学习和理解这些代码,你可以更深入地掌握Ajax与jQuery结合处理表单提交的方法。
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。...确保正确引入jQuery和`ajaxForm.js`文件,并按照上述步骤设置表单,你就可以实现异步的Ajax表单提交了。
在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术是不可或缺的一部分,它允许我们在不刷新整个页面的情况下与服务器进行异步数据交换。本文将详细介绍如何利用AJAX提交表单的完整流程,以实现更加流畅...
这仅仅是开始,实际项目中,Ajax可以用来实现更多复杂的交互,比如分页加载、实时聊天、无刷新表单提交等。 了解并掌握这些基础知识对于任何想要涉足Web开发的人来说都是至关重要的。通过实践这个最简单的例子,你...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化...结合`serialize()`方法,能够便捷地处理表单数据,使得表单提交变得更加简单。在开发过程中,灵活运用这些技术,可以极大地提升工作效率和代码质量。
在Vue.js框架中,提交表单是一个常见的任务,特别是在与后端进行数据交互时,我们通常会使用Ajax技术来实现异步通信。Vue.js结合Ajax(通常指的是jQuery的$.ajax或者现代浏览器的fetch API)可以创建高效且用户体验...
1. **URL 参数提交数据**: 这种方式适用于少量数据传输,将表单数据拼接成 URL 查询字符串并附在 AJAX 请求的 URL 后面。例如: ```javascript $.ajax({ type: "POST", url: "ajax.jsp?param1=value1¶m2=...
**Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...
- 在前端,jQuery监听表单提交事件,阻止默认的表单提交行为,然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后,通过ADO(ActiveX Data Objects)处理数据库操作,如使用SQL ...
在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、...
二、jQuery表单提交的两种方式 1. **使用$.ajax()直接提交表单** 首先,获取表单元素,然后使用$.ajax()方法发送POST请求到服务器。例如: ```javascript $('#myForm').submit(function(event) { event....
在本文中,提到了JQuery AJAX提交表单数据的两种方式:一种是通过URL参数提交数据,另一种是通过表单提交(Form Submit)。在实际开发中,如何选择这两种方式主要取决于需要提交的数据量和具体的应用场景。 首先,...
Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练“打字水平”的...
通过以上步骤,你可以实现一个高效、友好的Ajax表单提交和图片上传功能。这种方法不仅提高了用户体验,也使得前后端的交互更为顺畅。在实际项目中,还可以根据需求添加错误处理和进度条显示等功能,以提升用户体验。
在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户体验上并不理想,特别是在进行数据提交或者文件上传时。jQuery的`$.ajax()`函数或`.submit()`配合`.ajaxSubmit()`方法为我们提供了异步提交...
该插件提供了多种方法来管理表单数据和进行表单提交,包括ajaxForm、ajaxSubmit、formSerialize和fieldSerialize等。 首先,需要下载JQuery框架软件包和Form插件,然后在HTML文件中引入jquery.js和form.js文件。在...