萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> 編程語言綜合 >> ajaxForm和ajaxSubmit 粘貼就可用示例代碼

ajaxForm和ajaxSubmit 粘貼就可用示例代碼

 這篇文章主要介紹了ajaxForm和ajaxSubmit 粘貼就可用示例代碼,需要的朋友可以參考下

代碼如下: <!--  To change this template, choose Tools | Templates  and open the template in the editor.  -->  <!DOCTYPE html>  <html>  <head>  <title></title>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  <script src="jquery-1.7.2.min.js"></script>  <script src="jquery.form.js"></script>  <script>  //ajaxForm  var optionss = {  dataType:"text",  type:'post',  url: "chuli.php",  beforeSubmit:showRequest,  success:showResponse,  clearForm:true  };  $('#form1').ajaxForm(optionss);  function showRequest() { }  function showResponse(data){  alert(data);  }  </script>  </head>  <body>  <form action="chuli.php" method="post" id="form1">  <input type="text" name="name" />  <input type="text" name="sex" />  <input type="submit" value="提交"/>  </form>  <hr />  <form action="chuli.php" method="post" id="form2">  <input type="text" name="name" />  <input type="text" name="sex" />  <input type="button" id="tijiao" value="提交"/>  </form>  </body>  <script>  //ajaxSubmit  $("#tijiao").click(function(){  $("#form2").ajaxSubmit({  success:function(data){  alert(data);  }  })  });  </script>  </html>   
copyright © 萬盛學電腦網 all rights reserved