这篇文章主要介绍了怎么用ajax完成GET请求，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。什么是Ajax？语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览
这篇文章主要介绍了怎么用ajax完成GET请求，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
什么是Ajax？
语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。在Ajax之前，WEB站点强制用户进入提交/等待/重新显示范例，用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。借助于Ajax，可以在用户单击按钮时，使用javascript和Dhtml立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信： Web站点看起来是即时响应的。
Ajax包含：
* 基于XHTML和CSS标准的表示；
* 使用Document Object Model进行动态显示和交互；
* 使用XMLHttpRequest与服务器进行异步通信；
* 使用JavaScript绑定一切。
Ajax的工作原理：
Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。
我们如何用Ajax完成GET请求：
首先，我们需要创建Ajax对象，然后，我们需要创建请求事件的回调，这一部分主要是完成两份工作，第一是从服务端获取响应的数据，第二部分是，在当前页面执行DOM操作，而这些DOM操作无非就是HTML中的一些增删改查的操作，第三就是，调用Ajax中的open方法创建URL的请求，最后就是用户的URL请求发送到用户端，而完成get请求的url地址有两种格式：第一：当前请求的脚本是没有参数的，比如说，cheak.PHP，因此这个脚本不需要查询参数；第二种是需要参数的，在当前脚本插入一个问号，然后输入字符串就可以；其实在实际开发中我们更过的使用的是JSON格式的数据，但是我们获取数据本质上任然是一个字符串，准确的说是jsON格式的字符串，
我们首先创建一个HTML文件，我们以一个用户的登录表单为例：命名为login，我们用get方式提交，我们在表单中创建两个字段，一是：账号；二是：密码，随后我们再添加一个提交按钮，
<!DOCTYPE html><htmL><head> <meta charset="UTF-8"> <title>用户登录</title></head><body> <div align=" cent'><h4>用户登录</h4><fORM action="check.php" method="get"><p>帐号: <input type="text" name="name" id="name"></p><p>密码: <input type=" passWord" name=" password" id=" password"></p><p><input type=" submit" id=" submit" value=" 提交"></p></form></div></body></html>代码结果如下所示；
我们接下来写一下脚本，首先我们获取一下提交按钮，紧接着我们添加一个提交事件，代码如下：
<script>Var submit = document . getElementByIdC' submit'); //获取提交按钮submit. onclick = function {}</script>然后，我们建立一个PHP文件（check.php）在此文件中我们接受从表单传送过来的数据，我们以get方式提交，提交的目标脚本是（check.php）
代码如下：
<?phpecho '<pre>';print_r($_GET);
感谢你能够认真阅读完这篇文章，希望小编分享的“怎么用Ajax完成GET请求”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网精选频道，更多相关知识等着你来学习!
--结束END--
本文标题: 怎么用Ajax完成GET请求
本文链接: https://www.lsjlt.com/news/280017.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0