原生ajax请求的五个步骤

原生ajax请求的五个步骤什么是ajax?通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。ajax的优点:1.实现局部更新(无刷新状态下)2.减轻了服务器端的压力ajax的缺点:1.破坏了浏览器前进和后退机制(因为ajax自动更新机制)2.一个Ajax请求多了,也会出现页面加载慢的情况。3.搜索引擎的支持程度比较低。4.ajax的安全性问题不太好(可以用数据加密解决)。注:如果要使用ajax必须要有后端环境的支持(服务器端)。

大家好,又见面了,我是你们的朋友全栈君。

什么是ajax?
通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
ajax的优点:
1.实现局部更新(无刷新状态下)
2.减轻了服务器端的压力
ajax的缺点:
1.破坏了浏览器前进和后退机制(因为ajax自动更新机制)
2.一个Ajax请求多了,也会出现页面加载慢的情况。
3.搜索引擎的支持程度比较低。
4.ajax的安全性问题不太好(可以用数据加密解决)。
注:如果要使用ajax必须要有后端环境的支持(服务器端)。
原生ajax请求的五个步骤:
1.实例化请求对象
2.建立服务器链接
3.监听服务器响应
4.发送请求
5.响应成功,传递参数
http请求的两种方式:
get:用于获取数据,get是在url上传递数据(网址后面的东西),存储量较少,安全系数比较低。
post:用于上传数据,容量几乎是无限(多用于表单)。

 //1.实例化请求对象
    var http=new XMLHttpRequest ();
 //2.建立服务器链接
          //1.请求方式   get post
          //2.url    服务器接口
          //3.async     指当前请求是同步还是异步     true/false
          //同步:请求完成后去执行后续代码(等待请求完成 )        false
          //异步:请求和后续代码同时执行(不需等待,所有代码同时执行)   true
          //4.5.  用户名和密码,(为了安全)
    http.open();
 /*3.监听服务器响应 1 2 3 4 服务器响应状态 404(页面丢失 200(成功 500(服务器报错*/
    http.onreadystatechange =function(){ 
   
        //服务器响应 if(http.readyState ==4&&http.status ==200){ 
   
        //5.响应成功,传递参数
            //可以获取数据
            //服务器返回是json
            http.response
            http.responseText
            //后台返回数据是XML(自定义的html格式)
            http.responseXML
        }
    }
    //4.发送请求
           //send方法的参数取决于请求方式    get post
           //get   url+"?id=1&name=111"
           //post   send()    方法,传递参数
    http.send();
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/145432.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • linux局域网传输文件,局域网传输文件详解(转)[通俗易懂]

    linux局域网传输文件,局域网传输文件详解(转)[通俗易懂]局域网传输文件详解(转)相信很多朋友都有过这样的经历,在办公室需要通过局域网传输文件。如果顺利自然不必说了,但有时难免也会遇到“不测”,尤其是直接移动文件,万一失败损失惨重,虽然几率不大但毕竟存在。我们该如何做呢?大家知道,本身的复制功能是不能实现断点续传的,也就是说如果在局域网中复制文件一旦失败,原先复制的文件就要重新复制,这种情况相信大家也曾有过体会,难道在局域网中复制文件还不如在互联网上下…

    2022年5月11日
  • elasticsearch系列二:索引详解(快速入门、索引管理、映射详解、索引别名)

    elasticsearch系列二:索引详解(快速入门、索引管理、映射详解、索引别名)

    2022年4月3日
  • CSS3和jQuery实现的自定义美化Checkbox

    效果图:是不是比默认的好看多了,个人的审美观应该还是可以的。当然我们可以在这里查看DEMO演示。接下来我们一起来看看实现这款美化版Checkbox的源代码。主要思路是利用隐藏原来的checkbo

    2021年12月24日
  • vue vue-element-ui组件 layout布局系列学习(一)[通俗易懂]

    vue vue-element-ui组件 layout布局系列学习(一)[通俗易懂]本文仅供参考:首先你要掌握的基础知识:row行概念<el-row></el-row>col列概念<el-col></el-col>col组件的:span属性的布局调整,一共分为24栏:代码示例:<el-row><el-col:span=”24″><divclass=”g…

    2022年5月21日
  • ESET NOD32

    ESET NOD32ESET NOD32是由ESET发明设计的杀毒防毒软件。ESET,于1992年建立,是一个全球性的安全防范软件公司,主要为企业和个人消费者提供服务。其得奖之旗舰产品 NOD32 能针对已知及未知的病毒,间谍软件(SPYWARE)及其它对用户系统带来威胁的程式进行实时的保护。  For Home   ESETNOD32Antivirus11https://download….

    2022年6月22日
  • java filestream_java FileStream文件流操作

    java filestream_java FileStream文件流操作直接上代码,函数使用说明详见JavaAPI文档importjava.io.*;publicclassStreamDemo{publicstaticvoidmain(String[]args){Filef=newFile(“F:\\workspace\\JavaPrj\\test.txt”);FileOutputStreamout=null;try{out=newFileOu…

    2022年7月24日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号