`
y806839048
  • 浏览: 1126143 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

ajax表单提交的一些问题

    博客分类:
  • Ajax
阅读更多

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!");

}

}

分享到:
评论

相关推荐

    非常简单的ajax表单提交

    jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传.

    jq ajax提交表单

    完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 &lt;form id="myForm" action="comment.php" method="post"&gt; Name: &lt;input type="text" name="name" /&gt; Comment: &lt;...

    ajax 无刷新实现表单提交

    ajax无刷新表单提交 2;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - import - general - import existed project to workspace,即可调试运行 调试...

    ajax方式提交表单,全局提交

    在提供的文件列表中,`jquery.form.js`是一个常用的jQuery插件,它扩展了jQuery的功能,使得我们可以轻松地实现AJAX表单提交。另一个文件`jquery-latest.pack.js`是jQuery库的最新压缩版本,提供了基本的DOM操作、...

    vue12ajax提交表单

    首先确保你的项目已经引入了jQuery库,然后在Vue实例中定义一个方法来处理表单提交: ```javascript var app = new Vue({ el: '#app', methods: { submitForm: function() { var formData = { name: this.name...

    ajax提交form表单和上传图片

    通过以上步骤,你可以实现一个高效、友好的Ajax表单提交和图片上传功能。这种方法不仅提高了用户体验,也使得前后端的交互更为顺畅。在实际项目中,还可以根据需求添加错误处理和进度条显示等功能,以提升用户体验。

    ajax提交表单到后台

    // 阻止默认的表单提交行为 var formData = $(this).serialize(); // 获取表单数据 $.ajax({ url: 'submitForm', // 后端接口URL type: 'POST', data: formData, dataType: 'json', success: function...

    完成的 Ajax 提交表单

    总结来说,本示例的"完成的Ajax提交表单"展示了如何使用Ext JS结合Ajax技术,实现无刷新的表单提交,提高Web应用的响应速度和用户体验。通过理解和实践这些知识点,开发者可以更好地构建交互性更强的Web应用程序。

    ajax提交表单小例子

    在“ajax提交表单”这个场景中,我们需要关注的是POST请求,因为表单提交通常涉及到向服务器发送数据。以下是使用JavaScript实现的一个简单例子: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;AJAX提交表单示例 请...

    利用ajax提交表单完整流程

    console.log('表单提交成功,响应:', xhr.responseText); } else if (xhr.status &gt;= 400) { // 错误处理 console.error('表单提交失败,状态码:', xhr.status); } }; xhr.send(formData); // 发送请求 } ``...

    ajax提交表单

    在使用jQuery进行AJAX表单提交时,最常用的方法是`$.ajax()`。下面将详细介绍该方法的使用及其选项参数: 1. **$.ajax()方法** ```javascript $.ajax([options]) ``` `$.ajax()`方法用于发送AJAX请求。它接受...

    ajax异步提交表单

    通过上述分析,我们可以看到如何使用jQuery实现简单的AJAX表单提交功能。这种技术可以有效地减少页面刷新次数,提高用户的交互体验。同时,需要注意正确设置请求参数,合理处理请求的成功和失败情况,以及选择合适的...

    php+ajax表单无刷新验证

    PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户输入时即时检查数据有效性,无需等待完整的表单提交,从而显著提升交互体验。 **一、AJAX基础** AJAX 是一种创建...

    ajax验证并提交表单的两种方法博客源码

    本资源通过ajax实现对提交的form表单的验证,该代码不但有针对property验证,也有针对object验证,还有一个异步获取对象的实例;包含完整的代码和库文件;在myeclipse8.5和apache-tomcat-6.0.30测试通过;访问网址:...

    一个Ajax表单检测验证实例.rar

    一个Ajax表单检测验证实例,在不刷新网页的情况下对表单中的各个输入项进行检查,并显示出错误提示,在众多ajax表单中,本示例并不是最复杂的,因此对于学习研究类似表单的实现方法很有参考价值。ajax无刷新表单验证...

    使用jQuery ajax提交表单代码

    // 阻止默认表单提交行为 var formData = $(this).serialize(); // 获取表单数据 $.ajax({ url: 'your_server_endpoint.php', // 服务器端接口 type: 'POST', data: formData, dataType: 'json', success: ...

    Ajax使用jQuery提交表单 文件

    在表单提交的场景下,我们通常使用`$.ajax()`的简写形式`$.post()`或`$.get()`,具体取决于是POST还是GET提交方式。当然,这里我们将主要讨论POST方法,因为表单提交通常涉及向服务器发送数据。 ```javascript // ...

    ajax表单提交.docx

    首先,我们看到一个名为`ajaxRequest.js`的JavaScript文件,该文件封装了一个功能,用于处理AJAX表单提交。主要函数`submitRequest`接收几个参数,包括需要提交的表单对象`formObj`、提交方式`method`(POST或GET)...

    Ajax表单提交插件jquery form

    **Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...

    Asp+ajax提交表单实例

    在HTML表单中,我们可以添加一个事件监听器,例如“onsubmit”,当表单提交时触发Ajax请求。下面是一个简单的例子: ```html 提交" onclick="submitForm()" /&gt; function submitForm() { var form = ...

Global site tag (gtag.js) - Google Analytics