Ajax

#Ajax


概念: Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。

 

1. 异步和同步:客户端和服务器端相互通信的基础上



            * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。


            * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中,客户端可以进行其他的操作。

 

2.图解:

 

3.优点:


* Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。


* 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。


* 传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。

 

#实现方式:


1. 原生的JS实现方式(了解,不常用)

 //1.创建核心对象
                    var xmlhttp;
                    if (window.XMLHttpRequest)
                    {// code for IE7+, Firefox, Chrome, Opera, Safari
                        xmlhttp=new XMLHttpRequest();
                    }
                    else
                    {// code for IE6, IE5
                        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                    }
        
//2. 建立连接
                        参数:
                            1. 请求方式:GET、POST
                                * get方式,请求参数在URL后边拼接。send方法为空参
                                * post方式,请求参数在send方法中定义
                            2. 请求的URL:
                            3. 同步或异步请求:true(异步)或 false(同步)
         
                    xmlhttp.open("GET","ajaxServlet?username=tom",true);
        
 //3.发送请求
                    xmlhttp.send();
        
                    //4.接受并处理来自服务器的响应结果
                    //获取方式 :xmlhttp.responseText
                    //什么时候获取?当服务器响应成功后再获取
        
                    //当xmlhttp对象的就绪状态改变时,触发事件onreadystatechange。
                    xmlhttp.onreadystatechange=function()
                    {
                        //判断readyState就绪状态是否为4,判断status响应状态码是否为200
                        if (xmlhttp.readyState==4 && xmlhttp.status==200)
                        {
                           //获取服务器的响应结果
                            var responseText = xmlhttp.responseText;
                            alert(responseText);
                        }
                    }

2.JQeury实现方式:

 

1. $.ajax()

 

                 //使用$.ajax()发送异步请求$.ajax({url:"ajaxServlet1111" , // 请求路径type:"POST" , //请求方式//data: "username=jack&age=23",//请求参数data:{"username":"jack","age":23},success:function (data) {alert(data);},//响应成功后的回调函数error:function () {alert("出错啦...")},//表示如果请求响应出现错误,会执行的回调函数dataType:"text"//设置接受到的响应数据的格式});

 

2. $.get():发送get请求



                * 语法:$.get(url, [data], [callback], [type])
                    * 参数:
                        * url:请求路径
                        * data:请求参数
                        * callback:回调函数
                        * type:响应结果的类型

  3. $.post():发送post请求



                * 语法:$.post(url, [data], [callback], [type])
                    * 参数:
                        * url:请求路径
                        * data:请求参数
                        * callback:回调函数
                        * type:响应结果的类型

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/253274.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

elementUI中<el-select>下拉框选项过多的页面优化方案——多列选择

效果展示(多列可以配置) 一、icon下拉框的多列选择: 二、常规、通用下拉框的多列选择: 【注】第二种常规、通用下拉框的多列选择,是在第一种的前端代码上删除几行代码就行(把icon显示标签删去),所以下面着重…

python+django高校人事管理系统vue

本高校人事管理系统以Django作为框架,Python语言,B/S模式以及MySql作为后台运行的数据库。本系统主要包括以下功能模块:用户、院长、职称申报、工资信息、绩效信息、奖惩信息、招聘、科系分类等模块。 本文着重阐述了高校人事管理系统的分析、…

chatgpt赋能python:Python中提取纯数字的方法

Python中提取纯数字的方法 在数据清洗和数据分析中,经常需要将文本中的数字提取出来,用于后续的计算或统计分析。Python作为一种流行的数据处理语言,提供了多种方法来完成这个任务。 方法一:使用正则表达式 正则表达式是一种强…

spdk记录

spdk记录 hello_bdev命令行参数 往期文章: spdk环境搭建 hello_bdev 代码路径:examples/bdev/hello_world/hello_bdev.c 可执行文件路径:build/examples/hello_bdev 刚开始直接执行hello_bdev显示找不到Malloc0 ./build/examples/hello_b…

FinChat.io,金融领域的chatgpt

投资股票是一个充满挑战的过程,随着市场的起起伏伏,要抓住每一个机会,同时规避各种风险,这需要投资者具有敏锐的洞察力和快速的决策能力。不过现在有好消息,一款人工智能聊天机器人 FinChat.io 诞生了!它能帮助投资者分析市场,挖掘有潜力的股票,并提供买卖的实时建议 --------…

码农翻身——JDBC的诞生

随着 Oracle, Sybase, SQL Server ,DB2, Mysql 等人陆陆续续住进数据库村, 这里呈现出一片兴旺发达的景象, 无数的程序在村里忙忙碌碌, 读写数据库, 实际上一个村落已经容不下这么多人了, 数据库村变成了数据镇。 这…

码农翻身(随笔)

书一直都有在读,我会一直更新博文,欢迎大家前来阅读、指教! XML和注解 xml:应用于集中配置的场合,比如数据源的配置; 注解:像Controller、RequestMapping、Transactional这样的注解&#xff…

码农翻身摘录

三次握手:验证双方发信和收信能力问题  第一次握手:京城发信,县衙收到了,此时县衙就会明白,京城的发信能力和自己的收信能力没有问题。  第二次握手:县衙发信,京城收到了,此时京城就会明白,京城的发信和收…

《码农翻身》

大话编程 我是一个线程 我是一个Java class Javascript: 一个屌丝的逆袭 Java:一个帝国的诞生 JSP:一个装配工的没落 TCP/IP 之 大明王朝的邮差 TCP/IP 之 大明内阁 TCP/IP 之 蓟辽督师 CPU 阿甘 CPU 阿甘之烦恼 CPU 阿甘:函数调用的秘密 我是一个网卡 …

码农翻身

ISBN:978-7-121-34117-5 作者:刘欣 页数:324 推荐指数:★★★★★ 阅读日期:2020-02-04 用故事的形式来讲述技术, 从这个技术的诞生到如何发展优化, 一步步探究原理, 讲的非常生动形…

读书笔记(一)《码农翻身》

好久都没有写技术博客了,大概有一年左右没有开始写了,原因是自己弄了一个日志博文,当然这不是重点,重点是心态发生了改变,从心里上感觉技术兴趣不大了,后来又发现,并不是对技术失去了兴趣&#…

最担心的还是发生了,程序员失业来得太突然!

周末我在后台收到一条私信,事情很有代表性,这里分享一下。 这位老哥在一家互联网头部公司做了 6 年的技术,最好的年纪都留在了这家公司。上个月底,赶上所在的部门重组。 公司动作很快,开完年中回顾会就裁掉了一批人&am…

《码农翻身》之技术之路

《码农翻身》读书笔记之技术之路 这是我的后端读书笔记系列文章的第四三篇,选取的是最近刚刚圈粉的知名博主刘欣创作的《码农翻身》。这篇文章只是最后一部分内容。 本文内容主要根据知名博主刘欣一作《码农翻身》的内容总结而来,本书的内容风趣幽默&a…

码农翻身 各章节链接

大话编程 我是一个线程 我是一个Java class Javascript: 一个屌丝的逆袭 Java:一个帝国的诞生 JSP:一个装配工的没落 TCP/IP 之 大明王朝的邮差 TCP/IP 之 大明内阁 TCP/IP 之 蓟辽督师 CPU 阿甘 CPU 阿甘之烦恼 CPU 阿甘:函数调用的秘密 我是一个网卡 …

码农翻身全年文章精华

在码农翻身公众号写了一年多, 最大的体会就是:原创真心不易! 每天思考的最大问题就是: 下一篇文章写啥? 在大家的支持和鼓励下,还是坚持了下来, 回头看看走过的路,这一年过得还算…

python笔记16_实例练习_二手车折旧分析p1

python数据分析练习,具体数据不放出。 分析实践很简单。目的不是做完,而是讲清楚每一步的目的和连带的知识点(所以才叫学习笔记) 0.数据准备 原始数据格式:csv文件 原始数据结构: 数据格式 字段名 int…

MySQL第二章、数据库基础

回顾: 目录 一、数据库的操作 1.1创建数据库 1.2显示当前数据库 1.3使用数据库 1.4删除数据库 二、常用数据类型 2.1数值类型(分为整型和浮点型) 2.2字符串类型 2.3 日期类型 三、表的操作 ​编辑 3.1创建表 3.2查看表结构 ​编…

苹果手机如何实现微信多开分身

微信现在是生活中使用最多的聊天软件,而且很多人的微信都不止一个,一般都是一个用来工作使用,一个用来日常使用。 安卓手机在很早之前就可以安装两个微信了,目前还有部分用苹果的朋友不知道微信怎么分身,接下来小编就…

苹果手机如何微信分身?

苹果微信分身,既是你的生活伴侣,又是你的工作好帮手。对于那些工作繁忙,生活节奏快的人来说,这款产品非常实用。让你随时切换身份,一种生活,一种工作,既避免了不必要的误会和困扰,也…

苹果手机微信分身

QQ慢慢退出历史舞台后,我们的生活与工作又重新与微信拾起了联系,并且无法离开。虽然安卓用户很多都有自带两个微信,但由于系统的限制,iPhone手机还不能正常安装两个微信。那这些想安装两个微信的iPhone用户怎么办?iPho…