`
北风norther
  • 浏览: 14180 次
  • 性别: Icon_minigender_1
  • 来自: 邯郸
社区版块
存档分类
最新评论

AJAX+form+JQUERY动态提交数据

阅读更多

通过ajax把form表单里的数据提交到服务器非常简单,把form序列化下就可以了。

jquery中与平时唯一的不同就是把data这样serialize()

<script type="text/javascript">
     function test(){
     	$.post("<%=basePath%>/HelloWorld.action",
     	    $("#form1").serialize(),
	    function(data,status){
		alert("数据:" + data + "\n状态:" + status);
	 });
      }
</script>

<form id="form1" method="post">
        First name: <input type="text" name="firstName" value="Bill" /><br />
  	user.username <input type="text" name="user.username" value="userName"/><br />
  	user.name.showName <input type="text" name="user.name.showName" value="nameShow"/><br/>
 </form>
 <input type="button" name="b" value="测试Ajax" onclick=test()>

  

public void ajax() throws IOException{
	PrintWriter out= ServletActionContext.getResponse().getWriter();
	out.println("OK");
	System.out.println(user.getUsername());
	System.out.println(user.getName().getShowName());
	System.out.println("................");
}

 

 

对,你没有看错,我用的struts框架做的测试。。form表单中要提交的数据必须有name属性,可以说跟平时的一样。

试试serialize()

分享到:
评论

相关推荐

    struts2+ajax+jquery

    jQuery的$.ajax()方法可以创建一个Ajax请求,其参数包括URL、请求类型(GET或POST)、数据、回调函数等。例如: ```javascript $.ajax({ url: "actionName.action", // Struts2 Action的URL type: "POST", data:...

    .net+ajax+jquery.form实现简单的图片批量上传源码

    然后,使用`jQuery.form`插件,我们可以监听表单的提交事件,通过AJAX方式将表单数据发送到服务器。`jQuery.form`插件提供了一个方便的方法`submit()`,可以轻松地发起异步表单提交,同时支持上传文件。在提交前,...

    php+ajax+jquery打造登陆验证

    在IT行业中,构建动态网页应用时,PHP、Ajax和jQuery是三个非常重要的技术。这篇教程“php+ajax+jquery打造登陆验证”旨在教你如何利用这些技术实现无刷新的登录验证,提升用户体验。以下是对这些技术及其在登录验证...

    ajax+jquery+ashx实现上传文件

    jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和AJAX交互等任务。而ASHX(HttpHandler)是ASP.NET中处理HTTP请求的一种轻量级方式,可以用于接收和响应数据。现在,我们来详细探讨如何利用这些技术...

    php+mysql+bootstrap+jquery实现增删查改的前后端

    例如,当用户点击添加按钮时,jQuery可以捕获事件,动态构建JSON数据,通过`$.ajax`或`$.post`方法发送到`insert.php`,然后更新页面以反映新插入的数据。同样,对于删除和更新操作,jQuery可以发起Ajax请求,传递...

    使用jQuery.form插件,实现完美的表单异步提交

    在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。...无论是在简单的数据提交还是复杂的文件上传场景,jQuery.form插件都能成为你的得力助手。

    使用JQuery实现从JSON对象转换为form提交数据

    本篇文章将深入探讨如何利用jQuery从JSON对象转换为form提交数据。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和...

    HTML5+Ajax+Jquery

    **Ajax(Asynchronous JavaScript and XML)** 是一种创建动态网页的技术,允许页面在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。Ajax 使用了 JavaScript 的核心功能,如 XMLHttpRequest 对象来...

    使用jQuery ajax提交表单代码

    本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    当我们谈论“PHP+jQuery+AJAX POST, GET提交表单并接收返回”时,通常涉及到以下几个步骤: 1. **创建HTML表单**:在前端,我们需要一个HTML表单来收集用户输入。表单通常包含`&lt;form&gt;`标签,里面可以有输入字段如`...

    js+ajax+jquery笔记

    JavaScript,Ajax,jQuery是Web开发中的核心技术,它们在构建交互式和动态网页方面发挥着关键作用。以下是对这些技术的详细说明: 1. **JavaScript**: - **基础概念**:JavaScript是一种轻量级的解释型编程语言,...

    php Jquery ajax 登陆

    3. **AJAX(Asynchronous JavaScript and XML)**:尽管名称包含XML,但现代AJAX通常涉及JSON格式的数据交换。它允许我们在不刷新整个页面的情况下与服务器进行异步通信。 下面是一个简单的AJAX登录流程: 1. **...

    ajaxForm插件

    AjaxForm插件基于jQuery库,它监听表单的submit事件,当用户点击提交按钮时,不刷新整个页面,而是通过AJAX方式将表单数据发送到服务器。这样,用户可以继续在当前页面操作,而无需等待页面重载,提高了交互的流畅性...

    jQuery的ajax发送FormData的方式

    input type="button" id="btn" value="提交"&gt; &lt;/form&gt; [removed][removed] [removed] var form = $('#form')[0]; // 获取到表单的DOM对象形式 $('#btn').on('click', function () { // 1 使用...

    Ajax表单提交插件jquery form

    使用jQuery选择器选取要处理的表单,并调用`.ajaxForm()`或`.form()`方法初始化插件。 ```javascript $('#myForm').ajaxForm(options); ``` 其中,`#myForm`是表单的ID,`options`是一个可选的对象参数,用于...

    ajaxForm异步提交表单(含图片)

    AjaxForm是jQuery Form Plugin的一个功能,用于实现异步表单提交,特别是处理包含图片在内的复杂数据。本文将深入探讨如何使用ajaxForm进行异步表单提交。 首先,让我们了解什么是Ajax。AJAX(Asynchronous ...

    ajax + jquery + uploadbean

    总结来说,Ajax负责异步数据交换,jQuery简化了Ajax的使用,UploadBean处理服务器端的文件上传逻辑,而ExtJS则提供了一整套完善的前端开发框架,包括对文件上传的支持。这三者结合,可以构建出高效、用户友好的文件...

    ajax提交form表单和上传图片

    本教程将详细讲解如何利用jQuery、jQuery Form插件以及Spring MVC框架来实现Ajax提交表单并上传图片。通过这种方式,用户无需等待页面刷新,即可完成操作,提升了交互性。 首先,`jquery.js` 是jQuery库的核心文件...

    Ajax+Json+JQuery+案例演示知识整理.docx

    Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新...在实际应用中,Ajax结合Json和JQuery或Axios库,可以实现诸如表格数据动态加载、表单无刷新提交等多种功能,显著提高Web应用的响应速度和用户体验。

    ajax+jquery实现文件上传(详细注释)

    使用jQuery的`$.ajax()`方法发送Ajax请求,注意设置`type`为POST,`url`为服务器端处理文件上传的接口,`data`为我们的FormData对象,同时设置`processData`和`contentType`为`false`,以便正确处理文件数据: ...

Global site tag (gtag.js) - Google Analytics