jQuery表单插件ajaxForm实例详解

<script type="text/javascript" src="http://img9.tongzhuo100./js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://img9.tongzhuo100./js/jquery.form.min.js"></script>

<form method="post" action="#" id="submit">
  标题<input type="text" name="title" value=""/>
  图片<input type="file" name="image"/>
  <input type="button" value="提交" id="button"/>
</form>

<script type="text/javascript">
  $('#button').click(function(){
    var options = {
      type:'post',           //post提交
      url:'http://ask.tongzhuo100./server/.php?='+Math.random(),   //url
      dataType:"json",        //json格式
      data:{'name':name,....},    //如果需要提交附加参数，视情况添加
      clearForm: true,        //成功提交后，清除所有表单元素的值
      resetForm: true,        //成功提交后，重置所有表单元素的值
      cache:false,          
      async:false,          //同步返回
      suess:function(data){
        //服务器端返回处理逻辑
      },
      error:function(XmlHttpRequest,textStatus,errorThrown){
        alert('操作失败');
      }
    };
    $('#submit').ajaxSubmit(options);
  })
</script>