使用原生javascript实现ajax提交form表单

============================

1 准备表单
       首先我们需要编写一个html代码，这里我是采用nodejs里面的jade模板引擎来进行生成html代码的。

form(action="/ajaxTest2",method="post",enctype="text/plain",onsubmit="ajaxSubmit(this);return false;")label username:input(id="username",type="text",name="username")brbrlabel password:input(id="password",type="password",name="password")brbrselect(id="city",name="city")option(value=1) 北京option(value=2) 上海brbrinput(type="submit",value="测试ajax")

2 编写js代码
       利用ajax自定义form提交的数据，做的事情，不如form提交简单。但是自定义form提交又比较灵活，可以做添加一些自己想要的功能。既然要自定义ajax的表单提交功能，我们就需要了解form提交的四种类型。

• 1 method=“get”
  此格式要求的数据类型如下图所示
  
  每条数据以一个换行符做分隔"\r\n",nodejs获取方法
  req.query.*
• 2 method=“post”,enctype=“text/plain”
  此格式要求的数据类型如下图所示
  
  与get方式相似.nodejs获取方法
  req.on(“data”,function(data){})
• 3 method=“post”,enctype=“application/x-www-form-urlencoded”
  此格式要求的数据类型如下图所示