一個簡單的ajax請求資料
阿新 • • 發佈：2019-02-19
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery提交表單</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <form action="" id="myform"> 使用者名稱<input type="text" name="username"/> 密碼<input type="password" name="password"/> 性別<input type="radio" name="sex" value="男人">man <input type="radio" name="sex" value="女人">woman </form> <a href="#" style="text-decoration: none;">使用ajax提交表單資料</a> <div> <p id="divp">before..</p> </div> <script type="text/javascript"> $(document).ready(function(){ $("a").click(function(){ $.ajax({ type:'post', url:'/index/jquerydata', data:$("#myform").serialize(), cache:false, dataType:'json', success:function(data){ $("#divp").html('after: ' + data); } }); }); }); </script> </body> </html>