ajax
ZZZ --- jh
这个作者很懒,什么都没留下…
展开
-
ajax
ajax ajax详细描述 Ajax 的全称是 Asynchronous JavaScript And XML (异步 JavaScript 和 xml ) 通俗理解:在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式,就是 Ajax 为什么要学Ajax 之前所学的技术,只能把网页做的更美观漂亮,或添加一些动画效果,但还是, Ajax 能让我们轻松实现 网页 与 服务器 之间的 数据交互 Ajax应该用场景 场景一:用户名检测 注册用户时,通过 ajax 的形式,动态 检测用户名是否原创 2020-12-04 14:48:55 · 197 阅读 · 1 评论 -
ajax总结
ajax总结 ajax发展历程(使用原因) : 传统web,20年前… 当数据从服务器端获取的时候,需要刷新整个页面 1997年之后,事情得到了改变 Ajax开始被使用了起来 意味着数据从服务器端获取的时候,我们不再需要刷新页面,实现异步加载 什么是ajax(异步加载数据,局部更新页面) Ajax 它本身不是一种技术 Ajax是利用JavaScript脚本改变web应用与服务器端之间数据交互的一种方式 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味着可以在不重新加载原创 2020-11-10 13:53:52 · 293 阅读 · 1 评论 -
天气预报demo
天气预报demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>天气预报</title> <script> function tia原创 2020-11-04 09:19:03 · 255 阅读 · 0 评论 -
ajax跨域问题
ajax跨域问题 什么是跨域问题? 跨域问题来源于JavaScript的"同源策略",即只有 协议+主机名+端口号 (如存在)相同,则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源,不能访问和操作其他域下的资源。跨域问题是针对js和ajax的,html本身没有跨域问题。 跨域问题怎么解决? 1.修改ajax请求头该协议(不安全) 2.委托php去访问 3. jsonp 只支持get请求不支持post请求 jsonp 解决方法 :(注意 要在集成环境的前提下运行) <原创 2020-11-04 09:14:10 · 212 阅读 · 1 评论 -
ajax封装
封装ajax html代码 : <button id='get1'>get</button> <button id='post1'>post</button> js代码 : <script> function $ajax({method="get",url,data,success,error,asnyc=true}){ xhr = null //存放ajax对象用的变量 try{ xhr = new XMLHttpReques原创 2020-11-01 20:04:47 · 304 阅读 · 1 评论 -
ajax创建对象的四个步骤
ajax创建对象的四个步骤 get 方法 1. 创建ajax对象 var xhr = null; //IE8以下不支持 try{ xhr = new XMLHttpRequest(); // IE8以上用这个 }catch(error){ xhr = new ActiveXObject("Microsoft.XMLHTTP"); //IE8以下用这个,处理兼容问题 } 2. 绑定状态改变事件(响应数据) xhr.onreadystatechange=function(){ // con原创 2020-11-01 19:29:58 · 817 阅读 · 1 评论