ajax如何提交form表单

@ajax里回调函数的3种加载方式

     <1> window.location.reload();                         //重新加载(不走url)

     <2> window.location.href = "test2/loginInitialize";   //走url路径(但是后面不带参数)  

     <3> window.location.href = "test2/commentEdit?id="+id;//走url路径(后面带参数)

  function deletes(id){

      var id = id;

      var url = "test2/deleteComment";

      var data = {};

      data.id = id;

      $.ajax({

             url: url,  

             data: data,      

             type: "POST", 

             dataType: "json",

             success: function(data) {

             debugger;

             if(data.comid == 1){

                   window.location.reload();                       //重新加载

                   window.location.href = "test2/loginInitialize"; //走url路径  

                   window.location.href = "test2/commentEdit?id="+id;//走url路径(后面带参数)

              }

           }

       });

};

@jquery和js一加载页面就初始化的多种方法

    js:<1>window.onload=function(){  

                //要初始化的东西  

             }

           <2>function winOnload() { 

                alert("初始化加载"); 

              }; 

            winOnload(); 

 jquery:<1>$(function(){  

                    alert("第二种方法。");  

                 });

             <2>$(document).ready(function(){  

                    alert("第一种方法。");   

               });

             <3>Query(function($) {  

                 alert("第三种方法。");  

              });

 、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、                                             form表单

 <form id="form1" name="form1">

    <input type="hidden" name="fileindex" id="fileindex" value="${person.signUpUploadFile.fileindex}"/>

    <input type="hidden" name="signupindex" id="signupindex" value="${person.signupindex}"/>

   <input type="hidden" name="contactindex"  value="${person.contacter.contactindex}" id="contactindex" />

     <input type="hidden" name="type" id="type" value="${flag}"/>

     <input id="mid" type="hidden" value="${pageStyle1.mid}" name="mid" /> 

        <table width="910" border="0" cellspacing="0" cellpadding="0" class="table01">

                <tr>

                     <td colspan="4" align="right">

                          <c:choose>

                             <c:when test="${flag == 6}">

                                <a onclick="saveAllPerson('repeatOrUpdatePerson')">保存</a>

                             </c:when>

                            <c:when test="${flag == 7}">

                            <a class="btn01" onclick="saveAllPerson('repeatOrUpdatePerson')">保存</a>

                         </c:when>

                        <c:otherwise>

                            <a onclick="saveAllPerson('person')" class="btn btn-green btn01">保存</a>

                        </c:otherwise>

          </table> 

 </form>  

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

        <提交方式>

           var urlstr = "../pageStyle/getPageStyleMID.shtml";

           var o = $("#form1").serialize();

           var mid=$("#mid").val();

           $.ajax({

                url: urlstr,  //路径  

                data: {mid:mid},      //参数 

                type: "POST", // 用POST方式传输  

                dataType: "json", // 数据格式:text  

                success: function(data) {

                if (data.result != 0) {

                    alert("对不起,账号已有,请修改!!!");

                     }

                else{

                     $("form").attr("action", "../pageStyle/addPageStyle.shtml");

                     $("form").submit();

                 }

             }

      });

});

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

 相当于action 

  @RequestMapping("getPageStyleMID.shtml")

  public void getPageStyleMID(HttpServletRequest request, HttpServletResponse response,String mid){

      HashMap<String,Object> resultMap = new HashMap<String,Object>();

      PageStyle pageStyle; 

      try {

      pageStyle = pageStyleService.getPageStyleMID(mid);

      String result ="1";

      if(pageStyle==null){

          result="0";

      }

    logger.info("ajax请求时查询数据=="+pageStyle);

    resultMap.put("result", result);

   JSONObject json = JSONObject. fromObject(resultMap);

    response.setContentType("application/json;charset=utf-8");

    response.getWriter().write(json.toString());

  } catch (IOException e) {

    e.printStackTrace();

  }

 } 

相关推荐