您现在的位置: 万盛学电脑网 >> 程序编程 >> 网络编程 >> 编程语言综合 >> 正文

ajaxForm和ajaxSubmit 粘贴就可用示例代码

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了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>