打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax。假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个form表单里用来实现form提交,第二个输入框是单独的、没有包含在form里,下 ...
打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax。
假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个form表单里用来实现form提交,第二个输入框是单独的、没有包含在form里,下面就用这两个输入框来学习下jQuery的ajax。
1,前端的html和javascript代码
页面html
1 <main style="text-align: center; margin: 200px auto;"> 2 <h2>输入用户名</h2> 3 <form class="" action="demo01.php" method="post" style="margin-bottom: 20px;"> 4 <input id="user-name" type="text" name="username" placeholder="请填写您的用户名"> 5 <input type="submit" name="submit1" value="form提交1" class="input"> 6 </form> 7 <input id="user-name2" type="text" name="username2" placeholder="请填写您的用户名"> 8 <input type="button" name="submit2" value="ajax提交2"> 9 <div class="box">10 11 </div>12 </main>13 14 <script src='/images/loading.gif' data-original="../../js/jquery-3.1.0.min.js"></script>15 <script src='/images/loading.gif' data-original="demo01.js"></script>
原标题:ajax系列之用jQuery的ajax方法向服务器发出get和post请求
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。