![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ajax
文章平均质量分 67
凡小多
邮箱:wgh4318@foxmail.com
展开
-
Ajax-9. 访问第三方接口的数据
访问第三方接口(返回的不是 jsonp 格式的数据)并不是所有的第三方接口提供的数据都是 jsonp 格式的,非常有可能第三方接口提供的数据的 json 格式,对于这种情况,跨域和ajax都是获取不到数据的。此时我们可以借助于自己的服务器(使用 Ajax访问数据4个步骤访问自己服务器接口)。跟自己服务器的开发人员商量一下,由服务器开发一个接口出来。这个接口去访问第三方接口,得到数据之后echo给前端界面。php 中访问一个 url 接口的方式:<?php // 在 php 中,获取一原创 2021-09-23 16:51:14 · 633 阅读 · 0 评论 -
Ajax-8. 模板引擎的使用
template.js 一款 JavaScript 模板引擎,简单,好用。提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。https://github.com/aui/artTemplate修改后的百度提示案例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</原创 2021-09-23 15:20:26 · 113 阅读 · 0 评论 -
Ajax-7. 跨域
同源策略同源策略是浏览器的一种安全策略,所谓同源指的是请求URL地址中的协议、域名和端口号都相同,只要其中之一不相同就是跨域。同源策略主要是为了保证浏览器的安全性在同源策略下,浏览器不允许Ajax跨域获取服务器数据说简单点:跨域是指从一个域名的网页去请求另一个域名的资源。只要协议、域名、端口有任何一个的不同,就被当作是跨域。跨域Ajax 是为了访问自己服务器的数据,跨域是为了访问别人服务器的数据...原创 2021-09-23 14:38:08 · 85 阅读 · 0 评论 -
Ajax-6. Ajax 的封装
自定义 Ajax 的封装myajax.jsfunction myAjax(obj) { let defaults = { type: "get", url: "#", dataType: "json", data: {}, async: true, success: function(result) { console.log(result); } }; //obj中的属性,覆盖到defaults中的属性 //1、如果有一些属性只存在obj中,会给defaul原创 2021-09-22 16:39:15 · 145 阅读 · 0 评论 -
Ajax-5. 数据格式
将数据通过一定规范组织起来,叫做数据格式Xml 数据格式Xml 数据格式是将数据集以标签的方式进行组装,必须以 <?xml version="1.0" encoding="utf-8" ?> 开头,标签必须成对出现,也就是有开始标签就一定要有结束标签。xml 是一个通用的标准。<?xml version="1.0" encoding="utf-8" ?><students> <student> <name>张三</name>原创 2021-09-22 14:33:26 · 97 阅读 · 0 评论 -
Ajax-4. 同步和异步
将 Ajax 请求改为同步请求xhr.open('get','./server/check01.php?username='+uname,false)界面会卡顿,卡顿多长时间取决于网络速度xhr.onreadystatechange 的回调将不会被执行,将回调去除后才能获得数据xhr.open("get", "./server/check01.php?uname=" + usernameValue, false);console.log("-------01xhr.readyState--.原创 2021-09-22 10:58:20 · 70 阅读 · 0 评论 -
Ajax-3. Ajax 的基本使用场景
Ajax 实现局部刷新的4个步骤//1、创建XMLHttpRequest这个对象,这个步骤中需要注意兼容处理let xhr = null;if (window.XMLHttpRequest) { xhr = new XMLHttpRequest();} else { //IE6浏览器 xhr = new ActiveXObject("Microsoft.XMLHTTP");}//2、准备发送// open(请求方式,地址,同步或异步) true 默认为异步 false 同步// 地原创 2021-09-22 09:40:30 · 170 阅读 · 0 评论 -
Ajax-2. Wamp 的安装和配置
Wamp 将我们写的 html 界面以服务的方式分享给别看Wamp 指的是:windows、apache、mysql、php 几个服务器软件的缩写。Wamp 可以让我们的电脑提供网页服务。Wamp 的安装安装成功后将需要以服务方式分享给别人看的 html 文件放到 …\wamp\www 目录下即可Wamp 的配置配置访问权限找到 httpd.conf 文件,备份(以防修改错误)后打开找到 Deny from all (拒绝所有连接)改为 Allow from all 后保存重启原创 2021-09-21 14:35:39 · 158 阅读 · 0 评论 -
Ajax-1.初识Ajax
Ajax 的作用获取服务器的数据Ajax 的效果在不刷新整个页面的情况下,通过一个 url 地址获取服务器的数据,然后进行页面的局部刷新应用场景:评论加载效果用户名验证Ajax 的全称:Asynchronous Javascript And XML,就是使用 JS 代码获取服务器数据局部 异步 刷新...原创 2021-09-21 08:39:38 · 73 阅读 · 0 评论