怎么获取页面发送的ajax请求

新建一个 html文件, 定名为test.html, 用于实现ajax请求的发送 。 这里利用jquery的ajax请求, 是以需要在该页面加载jquery.min.js库文件 。


怎么获取页面发送的ajax请求

文章插图

2在test.html页面, 建立一个form表单, 在form表单内界说两个输入框, 一个用户名输入框, 另一个春秋输入框 。


怎么获取页面发送的ajax请求

文章插图

3在form表单内, 再界说一个按钮, 并绑定onclick点击事务, 当按钮被点击时, 执行handle()函数, 实现ajax请求 。


怎么获取页面发送的ajax请求

文章插图

4在handle()函数内, 利用jquery中的val()方式获得用户名、春秋的输入内容 。 代码如下:


怎么获取页面发送的ajax请求

文章插图

5利用jquery的ajax()方式倡议请求, url为请求的地址, type为数据传输的体例, data为请求时携带的数据, success为请求当作功时执行的逻辑代码, 这里设置当ajax请求当作功, 利用alert()方式弹出请求后的成果 。


怎么获取页面发送的ajax请求

文章插图

6在办事端新建一个php文件, 定名为handle.php, 在php文件内, 利用$_POST来领受前端页面传输的数据(若是前端页面是get传输体例, 则利用$_GET来领受数据) 。 这里把领受到的用户名和春秋返回给前端页面, 代码如下:


怎么获取页面发送的ajax请求

文章插图

7【怎么获取页面发送的ajax请求】在浏览器运行test.html页面, 在输入框别离输入数据, 点击“AJAX提交”按钮倡议ajax请求, 在办事器端的handle.php文件经由过程$_POST或$_GET方式领受数据并返回成果 。


怎么获取页面发送的ajax请求

文章插图

怎么获取页面发送的ajax请求

文章插图

以上内容就是怎么获取页面发送的ajax请求的内容啦, 希望对你有所帮助哦!

    推荐阅读