什么是ajax,一篇文章带你了解ajax(JQ的ajax封装讲解)

一：什么是ajax

ajax是异步编程，可以让用户不用刷新页面就可以访问到服务器的数据，比如我们常见的今日头条，打开一个页面他页面中的数据并不是很多，但是我们在不停向下滚动的时候，我们并没有刷新页面，但是页面中的数据好像无穷一样，这就是ajax的作用。

二：JQ中ajax的方法讲解

  // ajax读取本地的文件$.ajax({//async是规定是否异步处理(默认是true)async:true,//type规定请求类型，只有GET和POST两种type:"GET",//url是请求的路径,这里因为请求的是本地文件使用了相对路径url:"test.json",//dataType规定返回数据格式，有时候我们请求没有错误但是他依然进入error里边可以就是因为返回的数据格式不是JSON格式dataType:"JSON",//data是我们要传的值，里传的是一个对象(因为这里我们并不需要传值，所以就把值注掉了)data:{//name:123},//success是请求成功后执行的函数success:function(result){console.log(result)},//error是请求失败之后执行的函数error:function(err){console.log(err)}})

//这是JSON文件里边的内容
{"first":[{"id":"1","sex":"男"},{"id":"2","sex":"男"},{"id":"3","sex":"男"},{"id":"4","sex":"女"}]
}

三：可能遇到问题解释

因为我们访问的是本地的文件，可能会出现跨域的错误

如果使用vscode打开的可以使用Live Server插件打开，就不会报错了。

四：其他问题的分享

之前在使用ajax上传文件的时候一直报错，之后百度了一下，上传文件的时候需要加上这两句

 contentType: false,// 告诉jQuery不要去设置Content-Type请求头processData: false,// 告诉jQuery不要去处理发送的数据

结语：

这次的分享就到这里了，还有什么不会的可以留言，而且都看到这里了，不妨留个赞再走呗！

什么是ajax,一篇文章带你了解ajax(JQ的ajax封装讲解)相关推荐

一篇文章带你了解Flannel
from: http://dockone.io/article/618 DockOne技术分享(十八):一篇文章带你了解Flannel [编者的话]Flannel是 CoreOS 团队针对 Kuber ...
一篇文章带你详解 TCP/IP 协议（下）
前面的第一二三章已在上篇讲解,还没看过的可以先看看:一篇文章带你详解 TCP/IP 协议(上) 本文继续讲解第四章. 四.网络层中的 IP 协议 IP(IPv4.IPv6)相当于 OSI 参考模型中的 ...
一篇文章带你详解 HTTP 协议（下）
文章目录,方便阅读: 一.概述(已讲) 二.HTTP 工作过程(已讲) 三.HTTP 协议基础(已讲) 四.HTTP 协议报文结构(已讲) 五.HTTP 报文首部之请求行.状态行(已讲) 六.HTTP ...
一篇文章带你快速理解JVM运行时数据区、程序计数器详解（手画详图）值得收藏！！！
受多种情况的影响,又开始看JVM 方面的知识. 1.Java 实在过于内卷,没法不往深了学. 2.面试题问的多,被迫学习. 3.纯粹的好奇. 很喜欢一句话:"八小时内谋生活,八小时外谋发展. ...
java 不重启部署_一篇文章带你搞定SpringBoot不重启项目实现修改静态资源
一.通过配置文件控制静态资源的热部署在配置文件 application.properties 中添加: #表示从这个默认不触发重启的目录中除去static目录 spring.devtools.res ...
一篇文章带你熟悉 TCP/IP 协议（网络协议篇二）
涤生_Woo 2017年11月11日阅读 15544 关注一篇文章带你熟悉 TCP/IP 协议(网络协议篇二) 同样的,本文篇幅也比较长,先来一张思维导图,带大家过一遍. 一图看完本文一. 计算机 ...
一篇文章带你领悟 Frida 的精髓（基于安卓8.1）
转载(一篇文章带你领悟Frida的精髓(基于安卓8.1)):https://www.freebuf.com/articles/system/190565.html <Frida操作手册>: ...
一篇文章带你熟悉 TCP/IP 协议-（三）
一篇文章带你熟悉 TCP/IP协议-(一)-https://segmentfault.com/a/11... 一篇文章带你熟悉 TCP/IP协议-(二)-https://segmentfault.co ...
乐鑫esp8266学习rtos3.0笔记第3篇：一篇文章带你搞掂存储技术 NVS 的认识和使用，如何利用NVS保存整型、字符串、数组以及结构体。（附带demo）
本系列博客学习由非官方人员半颗心脏潜心所力所写,不做开发板.仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. Esp8266之搭建开发环境,开始一个" ...