![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ajax
ajax的初始及应用
不落不息
中二不变,热爱生活,开心每一天,天天搞前端。
展开
-
省市县三级联动案例-ajax小案例
条件:wamp集成环境运行的情况下结果示意:文件目录:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市县三级联动</title> <style> .container{ width: 600px; min-height: 300px; background-color:#FFEBCD;原创 2020-10-05 18:00:50 · 227 阅读 · 1 评论 -
ajax查询全国天气预报,使用聚合数据api接口
空值情况苏州界面如上,可以根据自己需求再添加一些内容。功能需求:根据城市名称查询该城市的天气情况,输入空值的时候默认查询北京天气这个是我使用聚合数据提供的免费20次请求全国天气预报API,注册了,申请使用了就会获得一个key值实现代码如下:jquery.min.js、template-web.js需要引入<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2020-10-04 21:38:46 · 1462 阅读 · 0 评论 -
ajax跨域,jQuery调用ajax
背景知识同源策略URL地址:scheme : // host : / path / ? query # fragmentscheme : 通信协议,常为http、httpshost : 域名post : 端口号,http默认为80,https默认为443【可选】path :路径query :查询参数【可选】fragment :信息片段,用于指定网络资源中的某片段【可选】同源策略 : 是浏览器的一种安全策略,同源指的是请求URL地址中的协议、域名和端口号都相同,一种不同就是跨域。在同源原创 2020-10-04 16:25:40 · 166 阅读 · 0 评论 -
ajax的封装--简单实现根据学号查询学生信息(包含调用jQuery的ajax包基本用法)
ajax.js文件function ajax (type,url,param,dataType,callback) { // body... var xhr = window.XMLHttpRequest ? new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP"); if (type == 'get') { url += "?"+encodeURI(param); } xhr.open(type,url,true); var原创 2020-10-03 12:56:53 · 661 阅读 · 0 评论 -
json数据格式,与js中对象的区别,以及ajax请求json数据
json数据格式前提:wamp要开启data.json文件{ "name":"小红", "sex":"女", "age":34, "like":["coding","running","singing"], "friends":{ "friend1":{"name":"leo", "age":32, "like":[] }, "friend2":{"name":"lili",原创 2020-10-02 21:04:05 · 178 阅读 · 0 评论 -
xml数据格式,简单入门了解
xml数据格式理解:元数据:描述数据的数据弊端:1. 元数据占用的数据量比较大,不利于大量数据的网络传输2.解析不太方便<?xml version="1.0" encoding="utf-8"?><booklist> <book> <name>微习惯</name> <author>斯蒂芬.盖斯</author> <desc>微习惯养成法</desc> </book&原创 2020-10-02 19:37:22 · 667 阅读 · 0 评论 -
ajax基本用法,小白入门
Ajax小串烧Ajax背景知识点Ajax优点Ajax缺点Ajax背景知识点Ajax表示Asynchronous JavaScript and XML,异步JavaScript和XML,它通过与服务器进行少量的数据交换,可以实现在不重新加载整个网页的情况下,对网页部分进行更新。Ajax优点最大的优点是页面无刷新更新,用户体验好与服务器通信采用异步,响应速度更快技术标准化,被浏览器广泛支持,不需要下载插件Ajax缺点有安全问题,Ajax会暴露与服务器交互的细节它不支持浏览器的back返回原创 2020-10-01 22:52:28 · 196 阅读 · 0 评论