• 技术文章 >后端开发 >PHP问题

    什么是Ajax?工作原理?如何用Ajax完成GET请求

    慕斯慕斯2021-06-10 17:53:02原创112
    上篇文章给大家介绍了《如何用PHP实现用户头像上传功能?(详细介绍)》,本文继续给大家介绍什么是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'>
    <h3>用户登录</h3>
    <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>

    代码结果如下所示;

    13.JPG

    我们接下来写一下脚本,首先我们获取一下提交按钮,紧接着我们添加一个提交事件,代码如下:

    <script>
    Var submit = document . getElementByIdC' submit'); //获取提交按钮
    submit. onclick = function  {
    }
    </script>

    然后,我们建立一个PHP文件(check.php)在此文件中我们接受从表单传送过来的数据,我们以get方式提交,提交的目标脚本是(check.php)

    代码如下:

    <?php
    echo '<pre>';
    print_r($_GET);

    推荐学习:《PHP视频教程

    以上就是什么是Ajax?工作原理?如何用Ajax完成GET请求的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:Ajax
    上一篇:php怎么将指定字符串替换为空 下一篇:PHP怎么实现字符串反方向排序
    第16期线上培训班

    相关文章推荐

    • 如何使用Ajax请求• php ajax提交中文乱码怎么办• 继续学习——AJAX PHP(附源码)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网