ajax表单提交的一些问题
1,dataType类型不对
2,发送不了请求
3,静态脚本的执行在服务器断了都可以,但是一旦涉及到网络的请求(ajax)就这部分不可。如上ajax上部分
4,不建议用.formSerialize()直接用.serialize()否则一些复杂控件如select序列化不了
对于ajax来讲dataType类型不对,后台成功执行,也会返回失败,在用ajax提交表单的时候,如果jsp中的控件name是后台接收对象没有的,
那么就会发送不了请求提示jquery的$.broser.mins找不到 Cannot read property 'msie' of undefined
比如<select name="pzm" id="zdyMap_P201"></select>在模型驱动,属性驱动中没有pzm,$("#submitForm").formSerialize()就造成了错误。
jsp看错误:把console中的提示三角打开即可
$.ajax({
url : webUrl + "/chat/offer/submit",
type : "post",
cache : false,
async : true,
//dataType : "json",
data : $("#submitForm").formSerialize(),//$("#submitForm").serialize()
success : function(ret) {
addToChatRecord();
checkChatRecord(0);
$("#pzsp").attr("style","display:none;");
$("#pzsp1").attr("style","display:block;");
var a= $("#zdyMap_P201").val();
$("#pzsp1").innerText=a;
alert($("#pzsp1").innerText);
},
error : function(retMsg) {
addToChatRecord();
checkChatRecord(0);
}
});
@RequestMapping(value = "/chat/offer/submit", method = RequestMethod.POST)
public void TbConOrdPriceSubmit(HttpSession session, HttpServletRequest request, HttpServletResponse response, Model model, TbConOrdVo tbConOrdVo)
throws EsteelException, IOException {
String currentUserKey = getCurrentUserKey(request, session);
if (!currentUserKey.equals(tbConOrdVo.getCustomerKey())) {
currentUserKey = tbConOrdVo.getCustomerKey();
}
if (!currentUserKey.equals(tbConOrdVo.getTradeCustomerKey()) && !currentUserKey.equals(tbConOrdVo.getTbConobjCustomerKey())) {
response.getWriter().write("Access denied!");
} else {
if (currentUserKey.equals(tbConOrdVo.getTbConobjCustomerKey())) {
tbConOrdVo.setOrdpriceMan("B");
} else {
tbConOrdVo.setOrdpriceMan("A");
}
/* 先转换成json, */
JSONObject object = JSONObject.fromObject(tbConOrdVo);
String tempstr = object.toString();
/* 加入name信息,和ipAddress信息 */
tempstr = "{\"objectName\":\"TbConOrdVo\",\"ipAddress\":" + EsteelNetworkUtil.getIpAddress(request) + ",\"object\":" + tempstr + "}";
/* 然后写入activemq */
topicSender.sendMessage(tempstr);
System.out.println("====Write to MQ success====");
response.getWriter().write("Success submit!");
}
}
相关推荐
jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传.
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
ajax无刷新表单提交 2;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - import - general - import existed project to workspace,即可调试运行 调试...
在提供的文件列表中,`jquery.form.js`是一个常用的jQuery插件,它扩展了jQuery的功能,使得我们可以轻松地实现AJAX表单提交。另一个文件`jquery-latest.pack.js`是jQuery库的最新压缩版本,提供了基本的DOM操作、...
首先确保你的项目已经引入了jQuery库,然后在Vue实例中定义一个方法来处理表单提交: ```javascript var app = new Vue({ el: '#app', methods: { submitForm: function() { var formData = { name: this.name...
通过以上步骤,你可以实现一个高效、友好的Ajax表单提交和图片上传功能。这种方法不仅提高了用户体验,也使得前后端的交互更为顺畅。在实际项目中,还可以根据需求添加错误处理和进度条显示等功能,以提升用户体验。
// 阻止默认的表单提交行为 var formData = $(this).serialize(); // 获取表单数据 $.ajax({ url: 'submitForm', // 后端接口URL type: 'POST', data: formData, dataType: 'json', success: function...
总结来说,本示例的"完成的Ajax提交表单"展示了如何使用Ext JS结合Ajax技术,实现无刷新的表单提交,提高Web应用的响应速度和用户体验。通过理解和实践这些知识点,开发者可以更好地构建交互性更强的Web应用程序。
在“ajax提交表单”这个场景中,我们需要关注的是POST请求,因为表单提交通常涉及到向服务器发送数据。以下是使用JavaScript实现的一个简单例子: ```html <!DOCTYPE html> <title>AJAX提交表单示例 请...
console.log('表单提交成功,响应:', xhr.responseText); } else if (xhr.status >= 400) { // 错误处理 console.error('表单提交失败,状态码:', xhr.status); } }; xhr.send(formData); // 发送请求 } ``...
在使用jQuery进行AJAX表单提交时,最常用的方法是`$.ajax()`。下面将详细介绍该方法的使用及其选项参数: 1. **$.ajax()方法** ```javascript $.ajax([options]) ``` `$.ajax()`方法用于发送AJAX请求。它接受...
通过上述分析,我们可以看到如何使用jQuery实现简单的AJAX表单提交功能。这种技术可以有效地减少页面刷新次数,提高用户的交互体验。同时,需要注意正确设置请求参数,合理处理请求的成功和失败情况,以及选择合适的...
PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户输入时即时检查数据有效性,无需等待完整的表单提交,从而显著提升交互体验。 **一、AJAX基础** AJAX 是一种创建...
本资源通过ajax实现对提交的form表单的验证,该代码不但有针对property验证,也有针对object验证,还有一个异步获取对象的实例;包含完整的代码和库文件;在myeclipse8.5和apache-tomcat-6.0.30测试通过;访问网址:...
一个Ajax表单检测验证实例,在不刷新网页的情况下对表单中的各个输入项进行检查,并显示出错误提示,在众多ajax表单中,本示例并不是最复杂的,因此对于学习研究类似表单的实现方法很有参考价值。ajax无刷新表单验证...
// 阻止默认表单提交行为 var formData = $(this).serialize(); // 获取表单数据 $.ajax({ url: 'your_server_endpoint.php', // 服务器端接口 type: 'POST', data: formData, dataType: 'json', success: ...
在表单提交的场景下,我们通常使用`$.ajax()`的简写形式`$.post()`或`$.get()`,具体取决于是POST还是GET提交方式。当然,这里我们将主要讨论POST方法,因为表单提交通常涉及向服务器发送数据。 ```javascript // ...
首先,我们看到一个名为`ajaxRequest.js`的JavaScript文件,该文件封装了一个功能,用于处理AJAX表单提交。主要函数`submitRequest`接收几个参数,包括需要提交的表单对象`formObj`、提交方式`method`(POST或GET)...
**Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...
在HTML表单中,我们可以添加一个事件监听器,例如“onsubmit”,当表单提交时触发Ajax请求。下面是一个简单的例子: ```html 提交" onclick="submitForm()" /> function submitForm() { var form = ...