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

上篇文章给大家介绍了《如何用php实现用户头像上传功能?(详细介绍)》,本文继续给大家介绍什么是ajax?工作原理?如何用ajax完成get请求,(附代码)有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

什么是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方式提交,我们在表单中创建两个字段,一是:账号;二是:密码,随后我们再添加一个提交按钮,

nbsp;html>        用户登录       

用户登录

帐号: 

密码: 

登录后复制

代码结果如下所示;

13.JPG

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

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

登录后复制

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

代码如下:

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

登录后复制

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

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

推荐学习:《PHP视频教程》

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2512159.html

(0)
上一篇 2025年3月5日 14:46:22
下一篇 2025年2月27日 19:01:58

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • php怎么实现点击加载更多

    php实现点击加载更多的方法:首先新建index.php并引入jQuery库;然后新建“connect_sql.php”;最后修改index.php里的js脚本即可。 本文操作环境:Windows7系统、PHP7.1版,DELL G3电脑 …

    2025年3月5日
    200
  • 使用Ajax生成的Excel文件并下載

    大家都應該知道,在asp.net mvc里,如果通過ajax調用后臺控制器時,可以返回一個json對象,但并不能直接返回文件(除非刷新頁面,那就不是ajax啦),所以如果想用ajax生成文件并下載的話,那只要將生成的文件先保存到服務器上,然…

    编程技术 2025年3月3日
    200
  • 在asp.net中使用JQuery Ajax相关用法总结

    这篇文章主要介绍了详解jquery ajax 在asp.net中使用总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 自从有了JQuery,Ajax的使用变的越来越方便了,但是使用中还是会或多或少的出现一些让…

    2025年3月3日
    200
  • ajax的xmlHttpRequest对象

             转载请注明来源:ajax的xmlHttpRequest对象  XMLHttpRequest对象是ajax的核心,它有许多属性,方法和事件以便于脚本的处理和控制http的请求响应。如果你一直在使用原生的javascript做…

    编程技术 2025年3月3日
    200
  • django通过ajax发起请求返回JSON格式数据的方法

    本文实例讲述了django通过ajax发起请求返回json格式数据的方法。分享给大家供大家参考。具体实现方法如下: 这是后台处理的: def checkemail(request): user = None if request.POST.…

    编程技术 2025年2月28日
    200
  • Django Ajax的使用

    简介: ajax = asynchronous javascript and xml(异步的 javascript 和 xml)。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术…

    2025年2月27日
    200
  • django 通过ajax完成邮箱用户注册、激活账号的方法

    本篇文章主要介绍了django 通过ajax完成邮箱用户注册、激活账号的方法,现在分享给大家,也给大家做个参考。一起过来看看吧 一、图片验证码 django-simple-captcha配置 1.在pycharm中,File====》Set…

    编程技术 2025年2月27日
    200
  • ajax请求500错误怎么解决

    AJAX(异步 JavaScript 和 XML)请求中常见的 500 错误表示在服务器端处理请求时出现内部错误。这可能是由多种原因造成的,包括服务器配置不当、代码故障或与数据库或外部服务通信的问题。解决此错误需要对服务器日志进行分析,以便…

    2025年2月26日
    200
  • Django框架中的AJAX技巧

    django是一款流行的python web框架,提供了许多功能强大且易于使用的工具和组件。其中,ajax(asynchronous javascript and xml)技术在web开发中发挥着重要的作用。本文将介绍django框架中的a…

    编程技术 2025年2月26日
    200
  • Scrapy基于Ajax异步加载实现方法

    scrapy是一个开源的python爬虫框架,它可以快速高效地从网站上获取数据。然而,很多网站采用了ajax异步加载技术,使得scrapy无法直接获取数据。本文将介绍基于ajax异步加载的scrapy实现方法。 一、Ajax异步加载原理 A…

    编程技术 2025年2月26日
    200

发表回复

登录后才能评论