AJAX学习

malakashi 发布于2019-08-19 18:09 / 2684人阅读

摘要：一什么是异步和节省用户操作时间，提高用户体验，减少数据请求传输获取数据二的简单交互流程提交打开浏览器创建一个对象在地址栏输入地址提交等待服务器返回内容三兼容办法利用方法四方法参数打开方式地址是否异步表单数据的提交

一、什么是AJAX？

异步javascript和xml

-------节省用户操作时间，提高用户体验，减少数据请求
-------传输获取数据

二、AJAX的简单交互流程：

var btn1=document.getElementById("btn1")

btn1.onclick=function(){
    
    //打开浏览器   创建一个AJAX对象
    var xhr=new XMLHttpRequest()
    
    //在地址栏输入地址
    
    xhr.open("get","1.txt.txt",true)

    //提交
    xhr.send()
    
    //等待服务器返回内容
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            alert(xhr.responseText)
        }
    }
}

三、兼容IE6办法

var xhr=null;

if(window.XMLHttpRequest){

   xhr=new XMLHttpRequest()

}else{

   xhr=new Activ

}

2.利用try catch方法

try{ xhr=new XMLHttpRequest();

}catch(e){
xhr=new ActiveXObject("Microsoft.XMLHTTP")
}

四、open方法

参数：1、打开方式 2、地址 3、是否异步

表单：数据的提交

action:数据提交的地址
method:数据提交的方式

1.get:把数据

云服务器 GPU云服务器 ajax() ajax? ajax _AJAX

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79242.html

新手学习ajax

摘要：对于前端新手的我来说，学习的过程有点痛苦。因为之前的学习全是只与前端有关的像呀这些都还不涉及与后台数据交互。然后学习看了很多书觉得还是有些懵。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。帮助新手理解是很不错的。对于前端新手的我来说，学习ajax的过程有点痛苦。因为之前的学习全是只与前端有关的像css、js呀这些都还不涉及与后台数据交互。前段时间用JS做了一个20...

idisfkj 2019-08-21 16:26 评论0 收藏0
Java基础学习之AJAX技术简单学习

摘要：是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。对象是的核心，所有现代浏览器均支持对象和使用。用于在后台与服务器交换数据。及时有效地帮助学员解决疑难问题，提高学员的学习积极性。　　Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。　　AJAX...

番茄西红柿 2021-11-26 11:11 评论0 收藏2637
Ajax学习笔记

摘要：最近在学，刚刚入门，用到很多与相关的交互。也用了挺久的了，想写一下学习笔记来记录一下。实现过程是的基础，是核心对象，首先要实例化一个对象进行请求，规定请求的类型以及是否异步处理请求。响应服务器状态响应服务器状态涉及对象的三个重要的属性。最近在学php，刚刚入门，用到很多与Ajax相关的交互。Ajax也用了挺久的了，想写一下学习笔记来记录一下。今天先简单写一下原理和过程。欢迎大家一起探...

Forest10 2019-08-23 14:01 评论0 收藏0
Ajax学习笔记

摘要：最近在学，刚刚入门，用到很多与相关的交互。也用了挺久的了，想写一下学习笔记来记录一下。实现过程是的基础，是核心对象，首先要实例化一个对象进行请求，规定请求的类型以及是否异步处理请求。响应服务器状态响应服务器状态涉及对象的三个重要的属性。最近在学php，刚刚入门，用到很多与Ajax相关的交互。Ajax也用了挺久的了，想写一下学习笔记来记录一下。今天先简单写一下原理和过程。欢迎大家一起探...

wing324 2019-08-02 12:14 评论0 收藏0
前端相关大杂烩

摘要：希望帮助更多的前端爱好者学习。前端开发者指南作者科迪林黎，由前端大师倾情赞助。翻译最佳实践译者张捷沪江前端开发工程师当你问起有关与时，老司机们首先就会告诉你其实是个没有网络请求功能的库。前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 评论0 收藏0
事件循环(EventLoop)的学习总结

摘要：事件循环当进程启动时，会创建一个循环，每个循环通过内部的观察者来查看是否有事件需要处理，如果有就取出事件和它相关的回调函数去执行，执行完以后就进入下一个循环，如果不再有就退出进程。前言在学习eventloop之前，我们需要复习一下js的单线程和异步。虽说js是单线程的，但是在浏览器和Node中都做了相应的处理。如浏览器中的web workers（工作线程），Node中的child_...

lentoo 2019-08-29 16:27 评论0 收藏0