
ajax
文章平均质量分 86
CaseyWei
感激每个遇见的人
展开
-
(转)ajax和axios、fetch的区别
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱.原创 2021-06-11 10:16:04 · 113 阅读 · 1 评论 -
FormData使用方法详解
FormData的主要用途有两个:1、将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。2、异步上传文件一、创建formData对象1、创建一个空对象://通过FormData构造函数创建一个空对象var formdata=new FormData();//可以通过append()方法来追加数据formdata.append("name","laotie");//通过get方法对值进行读取console.log.原创 2020-12-14 20:43:22 · 369 阅读 · 0 评论 -
jquey访问网络接口实例
平时都是vue+axios,突然做个企业站,用jq有点生疏,记录一下。代码如下: <script> $(document).ready(function() { $("#queryTrade").click(function() { $("tbody").html("") ...原创 2019-06-24 20:53:08 · 228 阅读 · 0 评论 -
CSRF攻击方式
一.CSRF是什么? CSRF(Cross-site request forgery),中文名称:跨站请求伪造,也被称为:one click attack/session riding,缩写为:CSRF/XSRF。二.CSRF可以做什么? 你这可以这么理解CSRF攻击:攻击者盗用了你的身份,以你的名义发送恶意请求。CSRF能够做的事情包括:以你名义发送邮件,发消息,盗取你的账号,甚...原创 2018-12-27 13:18:22 · 199 阅读 · 0 评论 -
XMLHttpRequest对象详解
XMLHttpRequest(XHR)是一个API对象,其中的方法可以用来在浏览器和服务器端传输数据。这个对象是浏览器的js环境提供的。从XHR获取数据的目的是为了持续修改一个加载过的页面,XHR是Ajax设计的底层概念。XHR使用的协议不同于HTTP,不仅可以使用XML格式的数据,也支持JSON,HTML或者纯文本。WHATWG组织负责维护一个动态的XHR标准文档。W3C基于WHATWG标准...原创 2018-12-27 11:38:37 · 898 阅读 · 0 评论 -
ajax和axios、fetch的区别
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶...原创 2018-12-27 10:50:08 · 5241 阅读 · 0 评论 -
Ajax同步和异步的区别
之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题。 最近的项目用了到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执 行完毕后才会继续运行其他代码页面假死状态解除。 而异步则这个AJAX代码运行中的时候其他代码一样可以运行。 jquery的async:false,这个属性 默认是t...原创 2018-12-27 10:19:33 · 124 阅读 · 0 评论 -
jQuery jsonp跨域请求
跨域的安全限制都是对浏览器端来说的,服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议,端口和主机对于两个页面是相同的,则两个页面具有相同的源,否则就是不同源的。如果要在js里发起跨域请求,则要进行一些特殊处理了。或者,你可以把请求发到自己的服务端,再通过后台代码发起请求,再将数据返回前端。 这里讲下使用jquer...原创 2018-10-31 17:51:07 · 170 阅读 · 0 评论 -
四种常见的 POST 提交数据方式
HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据的几种方式。我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分:状态行、请求头、消息主体。...原创 2018-10-25 10:47:05 · 145 阅读 · 0 评论 -
在vue组件中使用axios
现在我们通过webpack+vue-cli搭建起了一个vue项目的框架,如果我们需要在vue组件中使用axios向后台获取数据应该怎么办呢?通常情况下,我们搭建好的项目目录应该是这样子的首先需要安装axios,这个会npm的都知道下一步,在main.js中引入axiosimport axios from "axios";1与很多第三方模块不同的是,axios不能使用use方法,...原创 2018-10-10 15:19:26 · 3791 阅读 · 2 评论 -
axios用post提交的数据格式
vue框架推荐使用axios来发送ajax请求,之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求,现在我自己搭博客时使用了post方法,结果发现后台(node.js)完全拿不到前台传来的参数。后来进过一番探索,终于发现问题所在。post提交数据的四种编码方式1.application/x-www-form-urlencoded这应该是最常见的po...原创 2018-10-10 15:09:19 · 663 阅读 · 0 评论 -
axios
安装到项目中: 1 # npm install axios --save 在项目中import使用:import axios from 'axios'Axios和其他的ajax库都是很类似的,提供了2种使用的方式一种是直接使用实例方法的如:下面是实例的所有可用方法,方法中的config会与axios实例中的config合并。(实例可以将一些通...原创 2018-09-18 17:56:26 · 210 阅读 · 0 评论 -
jQuery+ajax实现搜索下拉框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #search_result{原创 2018-08-18 20:56:10 · 1222 阅读 · 0 评论 -
ajax总结
什么是AjaxAjax的技术的产生Ajax被认为是(AsynchronousJavaScript and XML的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. Ajax:一种不用刷新整个页面便可与服务器通讯的办法1, Web的传统模型。客户端向服务器发送一个请求,服务器返回整个页面,如此反复2,在Ajax模型中,数据在客户端与服务器之间...原创 2018-08-11 23:45:17 · 207 阅读 · 0 评论