数据提交的几种常用方法

一、submit提交
在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮（）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交。

<form action=’http://www.123.com/postValue’ method=’post’>
	<input type=’text’ name=’username’ />
	<input type=’password’ name=’password’/>
	<input type=’submit’ value=’登陆'/>
</form>

当点击登陆时，向服务端发生的数据是：username=username&password=password.

这种默认的提交方式，一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候我们是对弹出框进行数据提交的，希望提交成功则关闭弹出框并刷选父页面，失败则提示失败原因，且弹出框不关闭。此时可以采用Ajax进行数据提交。

二、Ajax提交form表单

 //调用jquery的ajax方法
 $.ajax({
            type: "post",
            url:url,
            dataType:'json',//返回数据类型
            //data:$("#myForm").serialize(),
            success : function(data) { //请求成功之后的操作
     			alert(data);
            },
            error:function(request){//请求失败之后的操作
                    return;
                }
        });
        
 //$ .post(url,data,function(data){  },'json')
 

用Ajax的serialize()提交表单，如果input的type为submit，提交时就会自动刷新，回到第一页，所以，用serialize()提交表单的时候可以把type改为button。

三、Easyui的form插件
让表单（form）成为 ajax 提交的表单（form）

$('#form').form('submit', {
    url:...,
    onSubmit: function(){
		// do some check
		// return false to prevent submit;
    },
    success:function(data){
		alert(data)
    }
});

四、multipart/formdata
常见的 POST 数据提交的方式。使用表单上传文件时，需要设定form的enctype="multipart/form-data"并且添加<input type=’file’>
这种数据提交方式主要用来上传文件的。