学习
实践
活动
专区
工具
TVP
写文章

Ajax笔记

本文主要是我学习ajax笔记,不涉及到原理,只是记录如何使用。如果有错欢迎各位大佬指出。提前先转一篇写的非常全面的博客你真的会使用XMLHttpRequest吗? 一、ajax概念 1、ajax是Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 这两个地址的区别,可以点击这个链接查看 复制这个IP地址到浏览器上,打开对应的html文件,得到了对应的ajax数据 ? 如果需要采用异步的方式获取ajax数据,就需要绑定load事件,等加载后再执行var data= xhr.responseText,才返回数据 三、采用异步绑定事件的方式获取ajax数据 1、代码 异步绑定数据 连接失败(浏览器发送ajax请求根本没有连接到服务器)浏览器自己输出error。

46860
  • 广告
    关闭

    热门业务场景教学

    个人网站、项目部署、开发环境、游戏服务器、图床、渲染训练等免费搭建教程,多款云服务器20元起。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Ajax笔记(1)

    (阿贾克斯) 本文由“壹伴编辑器”提供技术支持 Ajax AJAX = Asynchronous JavaScript And XML(异步的 JavaScript 和 XML) Ajax概念:是一种在无需重新加载整个网页的情况下 通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 特点: 局部刷新; ajax的优点 1.局部刷新; 2.优化了浏览器与服务器之间的传输,减少了不必要的数据返回,减少了带宽占用; 3.ajax引擎在客户端进行,承担部分服务器的工作,减少了服务器端的压力 ; ajax的缺点 1.ajax不支持浏览器back按钮。 Ajax的核心是JavaScript和JSON: 使用JavaScript操作异步对象,和服务器交换使用JSON数据格式.

    11810

    AJAX培训笔记_js基础笔记

    7.10 -------- Ajax:Asynchronous JavaScript And XML 异步的 JavaScript 和 XML 1:编写ajax遵守基本标准习惯 标签名全小写,标签必须有结束标签 ,属性名必须小写,属性值必须位于“”或''内 2:创建ajax服务端代码:AjaxServer.java 和普通的servlet类似,区别在于,普通servlet返回的是页面,而ajax返回的 是我们想要的数据 ajax框架:dwr,dojo,ext,prototype,jquery 3、编写页面:ajax.html A:编写js:verify.js B:在页面中引入该js 4、精简js:verify.js- -->verify1.js 5、不使用jquery框架,直接使用ajax的异步对象XMLHttpRequest对象去实现ajax应用 步骤: A:创建XMLHttpRequest对象 B:注册回调函数 方法实现文本数据的返回 verify.js---->verifyJquery.js $.ajax({ //type:"get", //url:"ajaxServer?

    10010

    关于ajax学习笔记

    一、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识) ajax全称Asynchronous JavaScript and XML(异步的javascript和XML),为什么会有这么一种技术的出现呢 AJAX缺点: ajax不支持浏览器back按钮。 安全问题 AJAX暴露了与服务器交互的细节。 对搜索引擎的支持比较弱。 破坏了程序的异常机制。 不容易调试。 ajax.open('GET',url,true); //发送信息至服务器时内容编码类型 ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded "); //发送请求 ajax.send(null); //接受服务器响应数据 ajax.onreadystatechange = function () { if (obj.readyState _JSONtoURLparams(json)); } } })(); 五、关于ajax缓存问题 当Ajax第一次发送请求后,会把请求的URL和返回的响应结果保存在缓存内,当下一次调用

    43620

    Ajax笔记(3)-axios

    设置请求头 我们写一个请求头的配置: 现在我们学习ajax提交表单 什么是表单 表单在网页中主要负责数据采集功能,HTML中的<form>标签,就是用来采集用户输入的信息,并通过<form> 的值是get,表示以URL地址的形式,把表单数据交到actionURL enctype 但是表单提交的方式有很多缺点,①页面会发生跳转②页面之前的状态和数据会丢失 解决方案: 表单值负责采集数据,ajax 浏览器规定, A网站的JS,不允许和非同源网站C之间,进行资源的交互,例如: 无法读取非同源网页的cookie,localStorage和indexedDB 无法解除非同源网页的DOM 无法向非同源地址发送ajax 缺点是只支持GET请求,不支持POST请求 CORS: 出现的晚,支持GET和POST请求,缺点是不兼容低版本浏览器(后面学习) JSONP的实现原理 由于浏览器同源策略的限制,网页中无法通过ajax

    8420

    【JavaWeb】学习笔记——Ajax、Axios

    Ajax Ajax 介绍 AJAX(Asynchronous JavaScript And XML):异步的JavaScript 和 XML AJAX 的作用: 与服务器进行数据交换:通过AJAX可以给服务器发送请求 ,并获取服务器响应的数据 异步交互:可以在不重新加载整个页面的情况下,与服务器交互数据并更新部分网页的技术 同步和异步 AJAX 的缺点 没有浏览历史,不能回退 存在跨域问题(同源) SEO(爬虫 ) 不友好,爬不到数据 AJAX 快速入门 GET 请求基本操作 //给button按钮绑定事件 const btn=document.getElementsByTagName('button')[0] 违背同源策略就是跨域 不过AJAX是默认满足同源策略的 跨域解决方案一(只支持 get 请求。 在网页中有一些标签天生具有跨域能力,比如:img link iframe script。 Axios 对原生的Ajax进行封装,简化书写 官方网站:https://www.axios-http.cn/docs/intro 特性 从浏览器创建 XMLHttpRequests 从 node.js

    7910

    JavaScript学习笔记(五)——Ajax

    jQuery与Ajax的综合应用 Ajax是 Asynchronous JavaScript And XML 的缩写,意思是异步的JavaScript和xml,他是基于JavaScript和HTTP请求的一种网页编程模式 Ajax由四部分组成: JavaScript DOM CSS XMLHTTPRequest:负责将客户端信息以异步通信的方式发送到服务器端,并接收服务器端返回的响应信息和数据。 Ajax中的全局事件 ajax的全局事件会在调用其他事件的时候默认触发: ajaxStart() ajaxSend() ajaxSuccess() ajaxComplete() ajaxStop() ajaxError 好用的jQuery插件: 1. jQuery Form插件 jQuery Form是一个优秀的表单插件,它可以非常容易地使HTML表单支持Ajax。 此方法大大简化了使用ajax提交表单时的数据传递问题,不需要逐个地以JavaScript的方式获取每个表单属性的值。

    21010

    js中的ajax和jquery中的ajax学习笔记

    一、JS中的Ajax ajax:异步访问/局部刷新 1.同步和异步 2.Ajax的运行原理 页面请求---->Ajax引擎----->提交给服务器端 这段时间可以做任何事情 服务器端响应------ >Ajax引擎----->触发设置好的事件,执行自定义的js逻辑代码,然后显示页面 js改变页面,其原理是改变的是内存 3.ajax实现 创建ajax引擎 为ajax对象绑定监听 绑定提交地址(get/ post) 发送请求 总结: 所有的异步访问都是通过ajax引擎 二、JSON传递数据(重点) 1.JSON在ajax中数据传递格式 JSON传递数据的一种格式,当使用异步传输的时候, 当服务器响应数据的时候 需要使用一种格式在客户端和服务端进行传递 当服务端响应给客服端的时候响应的是字符串或者xml(ResponseText/ResponseXML), 如果响应一个对象给客户端的时候就不能表示. 2.JSON格式 三、jQuery中的Ajax 再实际开发中使用下面三种方式: $.post(url,[date],[callback],[type]); $.get(url,[date],[callback],[type]); $.ajax

    10940

    day16_ajax学习笔记

    一、什么是Ajax Ajax( Asynchronous JavaScript And XML ):指异步 JavaScript 及 XML。 Ajax:只刷新局部页面的技术。包括以下几种技术: JavaScript:更新局部的网页。 XML:一般用于请求数据和响应数据的封装。 JavaScript 中 XMLHttpRequest对象是整个Ajax技术的核心,它提供了异步发送请求的能力。 构造方法:   不同浏览器,甚至相同浏览器的不同版本,获取该对象的方式是不同的。 ? servlet/servletDemo1"); // 3、发送请求 req.send(null); </script> <body> </body> </html> 使用Ajax 验证用户名是否存在的实现步骤: 使用文本框的onblur事件(失去焦点事件) 使用Ajax技术实现异步交互 a) 获取用户名 a) 创建 XMLHttpRequest 对象 b) 处理响应结果,创建回调函数

    38131

    Ajax系列之简单介绍笔记

    什么是AJAX,为什么要使用AJAX Ajax(Asynchronous JavaScript and XML的缩写):一种创建交互式网页应用的网页开发技术。 Ajax采用异步模式,效率高,提高用户体验; 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 Ajax引擎在客户端运行的,使用Ajax处理库减轻了服务端的负担 AJAX的最大的特点是什么 Ajax可以实现动态不刷新(局部刷新) ,在不更新整个页面数据的情况下加载数据。 XMLHTTPREQUEST对象 Ajax的核心是JavaScript对象XmlHttpRequest。该对象在IE5中首次引入,它是一种支持异步请求的技术。 Ajax的Callback种类数量 Ajax请求总共有八种Callback: onSuccess、 onFailure、 onUninitialized、 onLoading、 onLoaded、 onInteractive

    10720

    关注

    腾讯云开发者公众号
    10元无门槛代金券
    洞察腾讯核心技术
    剖析业界实践案例
    腾讯云开发者公众号二维码

    相关产品

    • 前端性能监控

      前端性能监控

      腾讯云前端性能监控(RUM)是一站式前端监控解决方案,用户只需要安装 sdk 到自己的项目中,通过简单配置化,即可实现对用户页面质量的全方位守护,真正做到了低成本使用和无侵入监控。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券