ajax

Ajax、Json深入浅出,及原生Ajax及简化版Ajax 通过对ajax的就绪状态做判断,我们在就绪状态是4的情况下编写我们的对响应结果的处理逻辑代码,但是不是任何响应结果我们都要处理,因为服务器的响应也有状态码,比如:200、404、500等等。在ajax对象中提供了一个监听机制 “onreadystatechange”,用来监听ajax的属性readyState的改变情况,一旦该值改变,就会触发监听中的函数的执行。发送请求后,不需要等待服务端的响应,继续按照顺序执行其他逻辑代码,监听到响应,自动调用指定的方法。 阅读详情

        即 Asynchronous Javascript And XML,AJAX不是一门的新的语言,而是对现有技术的综合利用。

本质是在HTTP协议的基础上以异步的方式与服务器进行通信。

现实生活中的一个例子

打电话是同步 发消息是异步

XMLHttpRequest可以以异步方式的处理程序。

XMLHttpRequest 

    js原生ajax:  ..............................

jQuery中的Ajax

    jQuery为我们提供了更强大的Ajax封装


         Jquery对象.load ( url, params , function ( 数据) { } );

         ★:$.get ( url , params , function( data ) { } , type ) ;

              发送get请求的ajax

                     url:请求的路径

                     params:请求的参数 参数为key\value的形式key=value {"":"","":""}

                     data:回调函数 参数就是服务器发送回来的数据

                     type:返回内容格式,xml,html, script, json, text, _default。   以后用"json"

 

       ★:$.post ( url , params , function ( 数据 ) { } , type );

              发送post请求的ajax

             

              若结果为json格式,  打印返回值的时候是一个对象

                     例如若json为{"result":"success","msg":"成功"}

                     获取msg只需要 参数.msg

       理解:

              $.ajax([选项]);

                     选项的可选值:

                            url:请求路径

                            type:请求方法

                            data:发送到服务器的数据

                            success:fn成功以后的回调

                            error:fn异常之后的回调

                            dataType:返回内容格式 经常使用json

                            async:设置是否是异步请求

                     例如:

                            $.ajax({

                                   url:"/day15/demo1",

                                   type:"post",

                                   data:"username=tom",

                                   success:function(d){

                                          alert(d.msg);

                                   },

                                   error:function(){},

                                   dataType:"json"

                                  

                            });

* 客户端获得json格式字符串后,转换为javascript对象  -------eval("("+jsonstr+")");

XML结果数据生成


      $.ajax({}) 可配置方式发起Ajax请求

    $.get() 以GET方式发起Ajax请求

    $.post() 以POST方式发起Ajax请求

    $('form').serialize()序列化表单(即格式化key=val&key=val)

    url 接口地址

    type 请求方式

    timeout 请求超时

    dataType 服务器返回格式

    data 发送请求数据

    beforeSend:function () {} 请求发起前调用

    success 成功响应后调用

    error 错误响应时调用

    complete 响应完成时调用(包括成功和失败)







原生ajax使用 本代码是原生ajax使用demo,详情请查看博客 原生Ajax使用笔记 立即下载

相关推荐

原生Aajax 和jQuery Ajax 写法个人总结

AJAX:即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。本文重点给大家介绍原生Aajax 和jQuery Ajax 个人总结,一起看看吧

【AJAX】原生AJAX

【AJAX】原生AJAX

weixin_61972561的博客 1257

ArcGIS渔网分割实战:用Create Fishnet快速生成1km×1km网格(附GDP数据分析案例)

本文详细解析了ArcGIS中Create Fishnet工具在渔网分割中的应用,从基础操作到GDP空间分析全流程。通过1km×1km网格的创建与优化,实现经济数据的空间标准化和可视化表达,解决数据融合与分析的三大核心痛点。

weixin_29250403的博客 296

原生Ajax的使用,四种请求方法示例(前后端代码)

这样可以避免整个页面的刷新,提高用户体验。3. 异步加载数据:原生 Ajax 可以用于异步加载数据,例如从服务器获取 JSON、XML 或纯文本数据,并用于更新页面的内容。2. 原生支持:原生 Ajax 是由浏览器原生支持的技术,无需引入额外的库或框架,可以直接使用浏览器提供的 API。例如,可以使用原生 Ajax 在用户点击按钮或链接时加载新的数据,然后将数据动态地插入到已有的页面中,实现无刷新的内容更新。对于一些高级的功能,例如处理异步请求的回调地狱、安全性等问题,可能需要更加细致的处理和实施。

kkkys_kkk的博客 5330

uniapp+openlayers集成天地图实战:renderjs通信陷阱与性能优化避坑指南

本文深入探讨了uniapp与openlayers集成天地图时的renderjs通信陷阱与性能优化策略。通过实战案例解析了renderjs的特殊通信机制、地图实例生命周期管理、图层懒加载等关键技巧,帮助开发者避免常见坑点,提升应用流畅度。特别针对多语言切换、热重载偏移等疑难问题提供了解决方案,是uniapp+openlayers开发者的实用避坑指南。

weixin_30872157的博客 362

Windows 10错误代码解析与系统故障排除指南

操作系统错误代码是系统运行状态的直接反馈,Windows系统通过特定编码机制将故障信息转化为可识别的错误代码。从技术原理看,这些代码通常对应特定的异常处理流程,包括内存管理、驱动兼容性、文件系统等核心模块。理解错误代码对于系统维护具有重要价值,能快速定位问题根源,提高故障排除效率。在实际应用场景中,蓝屏错误(如0x0000007B)、系统升级失败(如0x80070002)和启动故障是最常见的三类问题。通过分析dump文件、使用WinDbg工具和系统内置诊断功能,可以有效解决大部分系统异常。特别是对于蓝屏错误

weixin_30516429的博客 299

原生ajax

1 Ajax简介 Ajax,全称“Asynchronous JavaScript and XML”,即异步的 JavaScript 和 XML。 通过Ajax可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。 2 XML简介 XML是可扩展标记语言,XML与HTML类似区别: XML被设计用来传输和存储数据 HTML用来显示数据 XML中的标签都是自定义的 HTML中都是预定义标签 XML现在已经被JSON取代了。 ...

weixin_44734398的博客 3073

PIDNet实战:如何在Cityscapes数据集上实现93.2 FPS的实时语义分割(附完整训练代码)

本文提供了在Cityscapes数据集上实现实时语义分割模型PIDNet的完整工程实践指南。PIDNet凭借其独特的比例-积分-微分三分支架构,在CVPR 2023上取得了速度与精度的出色平衡。文章详细介绍了从环境配置、数据预处理、模型训练到性能优化与部署的全流程,并分享了实现93.2 FPS高推理速度的关键技巧与代码。

weixin_29047919的博客 375

Ajax原生

同步的理解: 同步就是指一个进程在执行某个谓求的时候。若该请求需要一段时间才能返回信贽。那么这个进程将会一直等待下去,直到收到返仓信息才继绫执行下去;同步就相当于是当客户端发送请求给服务岩。在等待服务端喇应的请求时,客户岩不做其他的事情。当服务端做完了才返回到客户缓。这样的话客户端需要一直等待。用户使用起来会有不友好。异步是指进程不需要一直等下去,而是继续执行下面的操怍,不管其他进程的状态。当有海息返回时系统会通知进程进行处理,这样可以提高执行的效率。异步就相当于当客户端发送给服务剃请求时。...

m0_62073591的博客 1420

SAP系统从ECC升级至S/4 HANA的实现路径及项目过程

从SAP ECC升级到 S/4 HANA,通常是一个复杂的转型过程,涉及到企业资源规划系统的全面现代化

saplakes的博客 2904

虚幻引擎5 AR开发教程02:构建和测试AR Android App

在本教程中,我们将学习如何在虚幻引擎 5 上构建和测试 AR 安卓应用。

mopanchun的博客 2650

【Ajax】原生Ajax与jQuery中的Ajax

文章目录1 express 基本使用2 原生 Ajax2.1 Ajax 简介2.2 XML 简介2.3 Ajax 的特点2.3.1 Ajax 的优点2.3.2 Ajax 的缺点2.4 Ajax 的使用2.4.1 核心对象2.4.2 使用步骤2.4.3 解决 IE 缓存问题2.4.4 AJAX 请求状态2.5 GET.html2.6 POST.html2.7 JSON.html2.8 IE 缓存问题2.9 超时与网络异常2.10 取消请求2.11 重复请求问题3 jQuery 中的 Ajax3.1 get 请

weixin_45980065的博客 1693

Unity零基础到入门 ☀️| 【UI系统学习】认识Unity引擎中几种最常用 UI系统,这一篇文章就够用了!

轻松学会 Unity 的 UGUI基础控件 使用 Unity中的UI介绍 UI即User Interface(用户界面)的简称。泛指用户的操作界面,UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。 据我所知Unity中有两种自带的UI,一种是UGUI,一种是GUI Legacy GUI:旧版 UI,只有两个组件:文字和图片,配合鼠标事件来

努力前行,总会成为自己心中的那道光 2万+

什么是Ajax以及ajax请求的步骤

什么是Ajax以及ajax请求的步骤 1.Ajax是什么? Asynchronous JavaScript & XML。Ajax是web开发的一种技术。 2.Ajax请求的步骤 (1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象; (2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方式、`URL`及验证信息; (3)设置响应`HTTP`请求状...

Fly的博客 1万+

GB9706.1-2020应用部分如何理解?

医用电气设备对应用部分的温度限制,绝缘考核,漏电流限制要求相对设备的其他部分来说都会要求比较严格。所以,划分设备的应用部分显得非常重要。现实中,医疗器械种类繁多,形状各异,比如大家熟悉的,小的如血压计,大的设备如CT。有些时候,我们应该如何根据应用部分的定义来确定ME设备的哪些部分是应用部分呢?还有GB 9706.1-2020中关于“应用部分”的定义中注2我们又该如何理解? 看过GB 9706.1-2020的朋友应该都已经注意到,相比老版也就是07版的9706.1,应用部分的定义是相对变...

喵叫兽的博客 8296

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

什么是ajax?ajax详解

今天来聊一聊前后端交互的重要工具AJAX 1. AJAX - 到底什么是Ajax? ajax 全名 async javascript and XML(异步JavaScript和XML) 是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具,以及接受...

刘顺顺的博客 1万+

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

异步请求ajax介绍,原生ajax,$.ajax基本使用

在这篇文章中,我们将学习ajax的工作原理,已经使用原生的ajax和jquery的ajax来进行编程练习。 目录 ajax原理介绍 什么是ajax ajax的优点 ajax的应用场景 ajax原理分析 使用ajax 原生ajax jquery使用ajax $.ajax() $.get() $.post() 总结 ajax原理介绍 ajax现在是前后端交互的重要工具,可以说,只要从事于it行业,ajax那就是必须要掌握的一名技术,下面我们就来对a...

秃头披风侠的博客 3948

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

【ajax】ajax详解,ajax是什么?

ajax是一种用来改善用户体验的技术,其本质是利用浏览器提供的一个特殊的对象(XMLHttpRequest,也可称之为ajax对象)向服务器发送异步请求。发送请求时,浏览器会锁定当前页面,用户不能够对当前页面做其他操作。朋友们我们本篇的内容到这就结束了,本篇的内容还是非常简单的,如果有啥不会的朋友咱们可以一起谈论哈~true:异步的,发送请求的同时,浏览器不会销毁当前页面,用户任然可以对当前页面做其他操作。注: 异步请求:发送请求的同时,浏览器不会销毁当前页面,用户任然可以对当前页面做其他操作。...

小源的成长历程 6636

【Ajax】了解Ajax与jQuery中的Ajax

相比于 $.get() 和 $.post() 函数,jQuery 中提供的 $.ajax() 函数,是一个功能比较综合的函数,它允许我们对 Ajax 请求进行更详细的配置。jQuery 中 $.get() 函数的功能单一,专门用来发起 get 请求,从而将服务器上的资源。之前所学的技术,只能把网页做的更美观漂亮,或添加一些动画效果,但是,Ajax能让我们轻松实现。数据的添加、删除、修改、查询操作,都需要通过 ajax 的形式,来实现数据的交互。使用 $.ajax() 发起 GET 请求时,只需要将。

早睡早起长头发的博客 2597

原生AJAX,jQuery Ajax创建使用

AJAX 全称为 Asynchronous JavaScript And Xml ,表示异步的Java脚本和新技术。

jocer_zhu的博客 973

【Ajax】Ajax技术讲解

为什么需要Ajax? 需求:有的时候我们需要将本次的响应结果和前面的响应结果内容在同一个界面中展现给用户。 解决:在后台服务器端将多次响应内容拼接成一个jsp页面,但是这样会造成很多响应内容被重复响应,资源浪费。所以,我们使用Ajax技术 什么是Ajax? AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),是一种异步刷新技术...

寒泉 2万+

Ajax 什么是Ajax? Ajax的基本语法

Ajax 什么是Ajax? AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据)。 同步交互: 客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求。 异步交互: 客户端发出一个请...

felix的博客 2746

ajax、反向ajax、jsonp详解

ajax详解 什么是ajax 其实ajax已经属于老技术了,现在几乎没人不会用了,在这里主要是把底层的东西给大家分享一下,以备应对装逼的面试官。 ajax即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在

卡布洛技术专栏 5918

最全的ajax详细介绍,ajax全

最全ajax全套 ajax简介 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。Ajax不是一种新的编程语言,而是使用现有标准的新方法。AJAX可以在不重新加载整个页面的情况下,与服务器交换数据。这种异步交互的方式,使用户单击后,不必刷新页面也能获取新数据。使用Aja

前端技术教程 1万+

ajax的三种方法以及ajax概念

目录 Ajax技术主要包括: 1.客户端脚本语言:JavaScript 2.异步数据获取技术:XMLHttpRequest 3.数据交换和操作技术:XML和XSTL 4.动态显示和交互技术DOM及基于标准的表示技术XHTML和CSS等。 ajax:异步请求特点:局部刷新 异步加载 jQuery中的Ajax: jQuery中发起Ajax请求的三种方法: $.get():向服务器获取数据 $.post():用于向服务器提交数据。 $.ajax用于向服务器提交和获取数据。 $.ge

weixin_54401017的博客 8181

原生ajax和Jquery的ajax

目录 原生ajax 传统请求(同步方式)的问题 Ajax优势和作用 Ajax请求与传统请求的区别: ajax原理(方法,属性 ) XMLHttpRequest open send 属性 readyState tatus responseText 事件 ajax实现步骤 ajax的get和post传参 get zhuce.html文件代码如下: post Jquery之Ajax get post ajax 封装ajax 原生ajax Asynchronou..

weixin_58139900的博客 1941
上一篇: HTTP协议
下一篇: String Bean 注入方式
刘彦青-Yannis
博客等级 码龄10年 1万+粉丝 234原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刘彦青-Yannis

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值