首页>>表单>>login test Jquery登录页面测试(2018-08-25)

login test Jquery登录页面测试

login test Jquery登录页面测试
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.         function insert() {  
  3.             $.ajax({  
  4.                 type: "POST",//方法  
  5.                 url: "api.php" ,//表单接收url  
  6.                 data: $('#form1').serialize(),  
  7.                 success: function () {  
  8.                   //提交成功的提示词或者其他反馈代码  
  9.                     var result=document.getElementById("success");  
  10.                     result.innerHTML="成功!";  
  11.                     $("#form-div").hide();  
  12.                 },  
  13.                 error : function() {  
  14.                   //提交失败的提示词或者其他反馈代码  
  15.                     var result=document.getElementById("success");  
  16.                     result.innerHTML="失败!";  
  17.                 }  
  18.             });  
  19.         }  
  20.     </script>  

 

XML/HTML Code
  1. <div id="form-div">  
  2.     <form id="form1" onSubmit="return false" action="##" method="post">  
  3.         <p><input name="title" id="title" type="text" value="title"/></p>  
  4.         <p><input name="url" id="url" type="text" value="url"/></p>  
  5.         <p><input type="button" value="插入" onClick="insert()"></p>  
  6.           
  7.     </form>  
  8. </div>  

 


原文地址:http://www.freejs.net/article_biaodan_679.html