Ajax
关注
分享
扫一扫
Ajax
野生小米椒
初学者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JSON-server请求数据
const ajax = () => { //取数据 axios.get("/posts/2").then(res=>{ console.log(res.data); }) // 增 axios.post("/posts",{ title:"333", author:"xiaoming" }) //修改 会替换原来的 axios.put("/posts/1",{ title:"修改11111" }); .原创 2022-05-01 17:33:04 · 271 阅读 · 0 评论 -
解决跨域——CROS
server.jsconst { request } = require('express');const express=require('express');const app=express();app.all('/cros-server',(request,response)=>{ //设置响应头才能跨域 响应头有很多个，可以根据需求选择 *是通配 所有网页都可用 response.setHeader("Access-Control-Allow-Origin", "*");原创 2021-07-06 15:48:37 · 810 阅读 · 0 评论 -
解决跨域——JSONP
1.jsonp的实现原理原创 2021-07-06 15:34:10 · 98 阅读 · 0 评论 -
Ajax同源策略
同源：协议、域名、端口号必须完全相同违背同源策略就是跨域Ajax默认遵循同源策略页面打开的是127.0.0.1/home,请求服务端的data中的数据server.jsconst express=require('express');const app=express();app.get('/home',(request,response)=>{ //响应一个页面 response.sendFile(__dirname+'/index.html')})app.get('/d原创 2021-07-06 11:20:08 · 129 阅读 · 0 评论 -
Axios和Axios函数发送Ajax请求
可以安装axios包，也可以引入注意：get请求不能设置请求体，post请求可以设置请求体post格式是 第一个参数是url，第二个参数是请求体，第三个参数是其他配置注意： axios发起post请求，url后面的参数自动拼接到Request URL上axios默认用get传值时用params传参，用post传值时，用data传参，就是用post传值时，url参数影响了请求地址自动加上了params如果要解决这个问题，需要在请求开始时做一个拦截就好了apiRequest.interceptors原创 2021-07-06 10:51:44 · 242 阅读 · 0 评论 -
jQuery发送Ajax请求
server.js/* * @Description: * @Version: 2.0 * @Autor: Seven * @Date: 2021-06-09 15:59:55 * @LastEditors: Seven * @LastEditTime: 2021-07-04 17:45:33 */const express = require("express");const app = express();//当浏览器url路径是/server，执行{}里的回调函数，并由resp.原创 2021-07-04 17:50:13 · 328 阅读 · 0 评论 -
Ajax取消请求和请求重复发送问题
1.取消请求server.js/* * @Description: * @Version: 2.0 * @Autor: Seven * @Date: 2021-06-09 15:59:55 * @LastEditors: Seven * @LastEditTime: 2021-07-02 15:57:25 */const express= require('express');const app=express();//当浏览器url路径是/server，执行{}里的回调函数，并由原创 2021-07-02 17:10:31 · 300 阅读 · 0 评论 -
Ajax请求超时与异常处理
超时设置，当服务器响应超时时，请求就取消timeout属性等于一个整数，用来设置当请求发出后等待接受响应的时间。ontimeout()方法则是当等待超时后，自动执行的回调方法。异常处理，谷歌控制台在Online设置Offline断网server.js/* * @Description: * @Version: 2.0 * @Autor: Seven * @Date: 2021-06-09 15:59:55 * @LastEditors: Seven * @LastEditTime: 2原创 2021-07-02 16:09:22 · 1193 阅读 · 0 评论 -
Ajax 自动重启工具 修改Js代码后自动重启服务端
首先是下载下载之后启动Js代码nodemon server.js原创 2021-07-01 16:54:38 · 103 阅读 · 0 评论 -
Ajax服务端响应JSON数据
server.js/* * @Description: * @Version: 2.0 * @Autor: Seven * @Date: 2021-06-09 15:59:55 * @LastEditors: Seven * @LastEditTime: 2021-06-30 17:30:34 */const express= require('express');const app=express();//当浏览器url路径是/server，执行{}里的回调函数，并由respons原创 2021-06-30 18:33:08 · 103 阅读 · 0 评论 -
Ajax设置请求头信息
一般会把身份校验的信息放在请求头信息中传递给服务器，对参数做提取，对用户身份进行校验server.js/* * @Description: * @Version: 2.0 * @Autor: Seven * @Date: 2021-06-09 15:59:55 * @LastEditors: Seven * @LastEditTime: 2021-06-30 15:29:23 */const express= require('express');const app=express(原创 2021-06-30 17:11:11 · 604 阅读 · 0 评论 -
Ajax发送Post请求
注意：当修改js代码后，要重启一下服务 node server.js或者直接右键Run Code一直报这样的错，端口号被占用了解决办法：cmd中输入netstat -ano查询进程找到占用端口号8080的进程PID号10016再管理员模式下taskkill /PID 10016不行的话强制终止这个进程 taskkill /PID 10016 /Fserver.js/* * @Description: * @Version: 2.0 * @Autor: Seven * @Date:原创 2021-06-30 17:04:11 · 3424 阅读 · 0 评论 -
Ajax发送Get请求
server.js/* * @Description: * @Version: 2.0 * @Autor: Seven * @Date: 2021-06-09 15:59:55 * @LastEditors: Seven * @LastEditTime: 2021-06-11 16:09:37 */const express= require('express');const app=express();//当浏览器url路径是/server，执行{}里的回调函数，并由respons原创 2021-06-30 15:23:09 · 499 阅读 · 0 评论 -
命令行窗口和环境变量
一般来说改用户变量安全原创 2021-06-11 16:09:54 · 112 阅读 · 0 评论 -
Express框架
1.终端下载2.编写代码//1.引入expressconst express=require('express');//2.创建应用对象const app=express();//3.创建路由规则//reuqest是对请求报文的封装//response是对响应报文的封装app.get('/',(request,response)=>{ //设置响应 response.send('Hello express')});//4.监听端口启动服务app.listen(8000,原创 2021-06-09 15:38:39 · 125 阅读 · 0 评论 -
http协议以及如何在谷歌控制台查看通信报文
1.请求报文和响应报文请求头的格式都是请求名：内容。请求报文中POST请求请求体可以有内容，GET请求请求体是为空的。响应报文返回的是html格式的，会渲染成页面到客户端上2.在谷歌控制台查看通信报文打开控制台，点击Network右下角就有具体信息，请求报文看 Request Headers（请求头和请求行）和下面的Query（请求体），响应报文看Response Headers（有响应头和响应行）和Respose（响应体），Query String里面有参数信息。如果有url参数，第四个是原创 2021-06-08 18:10:47 · 1886 阅读 · 0 评论 -
Ajax——15——JSON练习
一：JSON是什么1.服务器返回数据给前端，一种是XML，一种是JSON2.JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。二：JSON与JS的关系**> JSON 与 JS 对象的关系很多...原创 2020-04-21 11:03:48 · 348 阅读 · 0 评论 -
Ajax——14——XML练习
一：a.php<?php//注意：执行结果中有中文，必须在php文件顶部设置//header("content-type:text/html;charset=utf-8");//如果PHP中需要返回XML数据，前端要接收到数据，必须在PHP文件顶部设置header("content-type:text/xml;charset=utf-8"); //在php中获取本地的xmlec...原创 2020-04-14 10:32:01 · 148 阅读 · 0 评论 -
Ajax——13——Ajax练习
一.Ajax小练习a.php<?php//1.定义字典保存商品信息 key=>value$products=array("nz"=>array("title"=>"甜美女装","des"=>"甜美系列","image"=>"images/1.jpg"), "bb"=>array("title"=>"奢华女包","des"=>"...原创 2020-03-25 14:26:20 · 381 阅读 · 0 评论 -
Ajax——12——jQuery封装
一：使用jQuery里的Ajax方法发送一个请求到远程服务器$.ajax({ type:"GET", url:"a.php", data:"userName=lnj&userPwd=654321", success:functio...原创 2020-03-21 11:08:41 · 216 阅读 · 0 评论 -
Ajax——11——POST使用和封装
post的使用关键代码，与get不同的地方 xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //3.发送请求 异步对象发送请求 //传参 xmlhttp.send("userName=zs&...原创 2020-03-16 14:03:22 · 686 阅读 · 0 评论 -
Ajax——10——GET封装
HTML代码b.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="d.js"></script><!-- 括号里...原创 2020-03-14 15:00:33 · 180 阅读 · 0 评论 -
Ajax——09——GET——IN兼容
一:如何实现IE浏览器兼容兼容代码可直接复制粘贴HTML代码 b.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 括号里的ev,ev1,是event事件对象，所...原创 2020-03-10 22:00:25 · 219 阅读 · 0 评论 -
Ajax——08——AJAX的基本使用
1.什么是AJAX呢？AJAX是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下比如说：淘宝搜索框搜索一件物品时，会重新加载页面，不是使用的AJAX,但是搜索框下面的提示内容是没有重新加载页面的，则是用AJAX完成的2.如何使用AJAX...原创 2020-03-05 10:01:57 · 193 阅读 · 0 评论 -
Ajax——07——post大文件上传
注意：对于前端来说1.上传文件一般使用POST提交2.上传文件必须设置enctype="multipart/form-date"对于后端来说1.上传的文件在PHP中可以通过$_FILES获取2.PHP中文件默认会上传到一个临时目录，接受完毕之后自动删除`...原创 2020-02-29 13:37:35 · 760 阅读 · 0 评论 -
Ajax——06——post文件上传以及移入到指定文件下下面
123原创 2020-02-28 10:42:45 · 330 阅读 · 0 评论 -
Ajax——05——get—post异同
get和post相同点都是将数据提交到远程服务器get和post不同点提交数据存储的位置不同，get请求会将数据放到URL后面，post请求会将数据放到请求头中提交数据大小限制不同，get请求对数据有大小限制，post请求对数据没有大小限制请求应用场景不同，get请求用于提交非敏感数据和小数据，post请求用于提交敏感数据和大数据...原创 2020-02-19 11:25:30 · 120 阅读 · 0 评论 -
Ajex——04——post请求处理
post和get的不同在于，post请求不会出现在url上面，会将提交的数据放到请求头中可以在控制台里查看那么后端如何获取前端提交过来的数据呢<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g...原创 2020-02-05 13:54:45 · 272 阅读 · 0 评论 -
Ajex——03——get请求处理
写好html和php代码之后，在网页上运行，在输入框输入用户名和密码，在php中可以通过$_GET获取到前端通过get请求提交的数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></...原创 2020-02-05 13:02:06 · 400 阅读 · 0 评论 -
PhpStorm和WAMP配置调试参数，问题描述Error. Interpreter is not specified or invalid. Press “Fix” to edit your pro
Error. Interpreter is not specified or invalid. Press “Fix” to edit your project configuration.解决方法：打开File->Settings浏览到Languages & Frameworks->PHPInclude Path添加D:\WAMP64\apps\php...转载 2020-01-21 17:41:24 · 2147 阅读 · 0 评论 -
Ajax——02———初识php语言，以及如何运行后台语言
php和js很相似，但是php作为后端语言，不能直接运行，必须放在服务器的环境下，后端编写的代码必须先放在服务器对应的文件夹下，再通过浏览器找到服务器，再找到服务器对应的文件夹，再找到服务器对应的文件那么怎样才能运行呢，具体步骤如下1：将phpstorm这个文件夹放入wawpserver的安装目录下的www中放进去之后看到...原创 2020-01-20 21:20:51 · 279 阅读 · 0 评论 -
Ajax——01——服务器的安装 如何把自己的电脑变成web服务器
我用的软件是Wampserver64,安装时名称不能有中文，安装好之后，运行软件，这时候工具栏右下角会出现图表，从红色变为绿色，变为绿色的时候就代表电脑能提供web服务了打开浏览器，在地址栏输入127.0.0.1，出现以下界面，则电脑变成了web服务器...原创 2020-01-20 17:39:57 · 242 阅读 · 0 评论