jquery的ajax提交form表单

来源:互联网 发布:十大巅峰网络小说知乎 编辑:程序博客网 时间:2024/09/21 06:32
ajax提交整个表单,可以分为2种,无返回值(即表单提交到后台,后台处理完就处理完了),有返回值(后台给出成功和失败的返回,即是ajax中success方法)。

1、无返回值
   $('#formId').submit();直接提交到后台,(目前还没实践)

2、有返回值
    serialize()方法通过序列化表单值,创建URL编码文本字符串。而$("formVal").serialize()方法可以操作个别的表单元素jquery对象,如<input>、<textarea>以及<select>.
   formVal可以是form元素,form表单的id值,form表单的class值。
    输出的标准字符串:
      a=1&b=2&c=3

下面来一下实际例子:
    

需要注意的问题;
    1、使用ajax提交整个form表单,元素必须使用name值。
    2、用.serialize() 获取表单的值,如果是中文会造成乱码
         编码函数 :encodeURIComponent()
         解码函数:decodeURIComponent()