Web前端开发——前后端交互
前后端交互
言行物恒
潜心从修......
展开
-
Web前端开发之前后端交互11——express
express:get:post:或URL中携带的查询参数(动态和静态):托管静态资源:示例代码:const exp = require('express')// console.log(exp)const webApp = exp()// console.log(webApp)webApp.listen(8089,function () { console.log('someone visited...原创 2022-04-08 13:11:11 · 609 阅读 · 0 评论 -
Web前端开发之前后端交互10——npm初体验、项目包分类、模块加载机制
目录npm初体验:一次性安装项目所需包:TB -NPM镜像:切换npm下包镜像源:项目包分类:i5ting_toc md转html工具:规范的包结构:npm初体验:包管理配置文件:一次性安装项目所需包:TB -NPM镜像:切换npm下包镜像源:项目包分类:i5ting_toc md转html工具:规范的包结构:...原创 2022-04-07 13:23:32 · 474 阅读 · 0 评论 -
Web前端开发之前后端交互09——模块化、模块作用域、exports对象、包
模块化:模块作用域:共享模块作用域中的成员:module对象:module.exports对象:根据上面所学,我们看看下面的代码:模块调用JS://当我们导入模块时,会自动运行模块const getModule=require(__dirname+'/File/模块作用域测试use.js')if (getModule){ console.log(getModule) // console.log(mod...原创 2022-04-07 11:41:07 · 453 阅读 · 0 评论 -
Web前端开发之前后端交互08——Node.js、fs模块、path模块、http模块
首先,我们来思考一下JS为什么可以被浏览器解析。其次,为什么JS可以操作DOM和BOM。再次,我们了解一下JS运行环境:原创 2022-04-06 17:36:28 · 1207 阅读 · 1 评论 -
Web前端开发之前后端交互07——同源、跨域、JSONP、防抖、节流
目录同源:跨域:跨域请求:JSONP:JQ中的JSONP:防抖:节流:同源:跨域:跨域请求:JSONP:跨域请求报错:两个不同域的js:JQ中的JSONP:防抖:防抖实际上就是一种利用settimeout来不断清除定时器和启动定时器的方法。下面给出一个类似某宝搜索框的下拉内容实现代码:<button class="btn-get-TBSearch"&...原创 2022-04-05 18:40:11 · 2148 阅读 · 0 评论 -
Web前端开发之前后端交互06——axios
axios是什么?了解了什么是axios后,我们现在要知道axios和jq一样,只不过jq覆盖全面,而axios只专注于网络数据请求,现在我们看一下语法:首先,Get方法:POST方法:两种方法的实际操作: //axios get方法 $('.btn').on('click',e=>{ let url='http://www.liulongbin.top:3006/api/get' let obj={ name:'z.原创 2022-04-05 16:41:42 · 2388 阅读 · 0 评论 -
Web前端开发之前后端交互05——XMLHttpRequest[Level2]、JQ文件上传
目录XMLHttpRequest[Level2]:设置HTTP请求的时限:FormData对象:文件上传:xhr上传文件请求:JQ的文件上传:实现loading效果:XMLHttpRequest[Level2]:在第一代XMLHttpRequest中我们智能传输文字信息,文件无法传入。而LV2有一些新特性:设置HTTP请求的时限:示例代码: let xhr=new XMLHttpRequest() xhr.open('GET','http...原创 2022-04-05 15:51:55 · 769 阅读 · 0 评论 -
Web前端开发之前后端交互04——监听表单提交事件、模板引擎art-template、XMLHttpRequest、 URL编码、 数据交换格式
目录监听表单提交事件:模板引擎:XMLHttpRequest:URL编码:数据交换格式:JSON:JSON和JS互转:监听表单提交事件:在JQ中有两种办法来监听表单提交事件:阻止表单默认提交事件:由于表单会默认选择跳转到指定页面。在之前的JQ中我们学到了序列化表单的方法,这里就可以用到它。我们希望读取全部表单的元素,注意必须存在name属性。模板引擎:art-template:用于渲染大量数据。首先我们使用原生方法...原创 2022-04-05 14:55:00 · 1179 阅读 · 0 评论 -
Web前端开发之前后端交互03——接口测试、接口文档
接口测试:在我们使用POST和GET方法请求数据时,常常不知道页面接口是否有效或无法调试,下面借助POSTMAN工具可以很好的解决这一问题。get方法测试:post方法测试:接口文档:示例:...原创 2022-04-05 10:57:11 · 897 阅读 · 1 评论 -
Web前端开发之前后端交互02——AJAX
目录jQuery中的数据交互AJAX:接口:jQuery中的数据交互AJAX:我们在jq中学习了一些从服务器上的资源请求到服务器上的方法,这里我们回顾一下?$.ajax()函数,是一个功能比较综合的函数,它允许我们对Ajax请求进行更详细的配置。下面是代码演示: $(window).on('load',()=>{ console.log(1) })//load更前 $(()=>{ console.log(2..原创 2022-04-05 10:07:49 · 230 阅读 · 0 评论 -
Web前端开发之前后端交互01——客户端和服务器
目录客户端及服务器:URL地址:客户端与服务器的通信过程:网页中如何请求数据:从这里开始我们将要讲述全新的章节,前后端交互。首先我们要了解什么是客户端和服务端。客户端及服务器:URL地址:其称为统一资源定位符,用于标识互联网上每个资源的唯一存放位置,浏览器只有通过URL地址,才能正确的定位资源的存放位置,从而成功访问到对应的资源。而其组成部分如下:客户端与服务器的通信过程:网页中如何请求数据:为什么要学Ajax?...原创 2022-04-05 09:35:36 · 2048 阅读 · 0 评论