javascript的ajax提交表单

请问高手，用jquery如果实现表单的ajax方式提交，即提交表单时，页面不会跳转，然后从服务器端获取json数据？

11 个解决方案

#1

表单提交就是表单提交，没有表单的ajax方式提交。

ajax就是无刷新发送请求的，页面不会跳转，服务器端数据返回后执行ajax的回调函数去做自己想做的事。

当然服务器端返回的数据可以是任意格式，不是一定要是json数据，你甚至可以返回一段JS。

#2

用ajax　post表单数据，大体流程是先遍历表单，获取数据，可以附带着校验数据正确性，然后拼url，data，发送ajax，同时阻止表单的默认提交。

#3

你这么干图的什么，如果不想刷新页面，又何必提交呢

#4

#5

大家可能不明白我的需求：比如我现在要做一个通讯工具，我要给好友传送文件，当我点击按钮时，在对话框中显示文件正在传送，传送完成后，服务器返回下载链接在对话框中，说白了和qq的文件传送类似的效果！我要传送文件必须提交表单，struts2的action才能拿到File字段域，但是现在的问题，我一提交表单，页面马上转？

#6

哦，上传有点麻烦，你搜一下无刷新上传。

#7

加入一个iframe
form的target指向这个iframe

#8



$("#loginForm").ajaxForm({dataType: 'json', success:function(json){

		if(!json.success){

			// 用户名或密码出错

		}else{

			window.location = "/index.htm";

		}

	}});

#9

表单提交于ajax不一样，表单提交会刷新页面，
用ajax做表单提交实际用的是ajax，不是表单提交，原理是遍历表单里面的元素，把各变淡元素的name和value拼接为url字符串，作为参数ajax提交到服务器
有文件的情况下无法使用该方式，因为文件上传必须使用表单提交的方式
js可以模拟文件ajax提交效果，但与ajax无关。原理是将刷新放到iframe中，这样主页面不会刷新，然后通过contentWindow获取iframe中的服务器响应，调用回调函数
建议你找一个ajax上传组件，使用很简单

#10

7楼和9楼的方法有效，谢谢！

#11

8楼正解！用jQuery Form Plugin

#1

#2