你的位置:首页 > 软件开发 > Java > ajax系列之用jQuery的ajax方法向服务器发出get和post请求

ajax系列之用jQuery的ajax方法向服务器发出get和post请求

发布时间:2017-01-13 00:00:14
打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax。假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个form表单里用来实现form提交,第二个输入框是单独的、没有包含在form里,下 ...

ajax系列之用jQuery的ajax方法向服务器发出get和post请求

打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax。

假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个form表单里用来实现form提交,第二个输入框是单独的、没有包含在form里,下面就用这两个输入框来学习下jQuery的ajax。

 ajax系列之用jQuery的ajax方法向服务器发出get和post请求

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 (#换成@)。

可能感兴趣文章

我的浏览记录