ajax初步使用

nodejs第三方模块:
morgan:将客户端的请求打印到控制端,express的中间键,下载morgan
config:允许开发人员将不同环境下的应用配置信息抽离到单独的文件中,模块内部自动判断当前应用的运行环境,并读取对应的配置信息, 优点:极大提供应用配置信息的维护成本,避免了当运行环境重复的多次切换时,手动到项目代码中修改配置信息。
运用:1.根目录新建config文件夹,然后新建default.json(默认配置信息),development.json,production.json文件,require导入 模块,get获取配置信息。
2.将敏感信息存储在环境变量当中:在config文件夹中简历custom-environment-variables.json文件

快捷键:
代码对齐:shift+tab

零碎知识点:
req:请求对象
res:响应对象

Ajax:
1.在script内创建ajax对象 var xhr=new XMLHttpRequest();
2.告诉地址,方式:xhr.open(‘get’,‘http;//localhost:3000/first’);
3.发送请求:xhr.send();
4.绑定一个onload事件,当触发,就可以在onload处理函数当中获取服务端响应数据
xhr.οnlοad=function(){
console.log(xhr.responseText)
}


模板引擎概述 art-template

***删除操作:***通过事件委托形式给删除按钮添加点击事件,confirm()方式是否确定删除,获取到用户id,通过ajax发送请求进行删除,成功刷新页面。

向服务器请求分页列表:
先在页面引入模板引擎,模板;
发送ajax向服务器请求所有分类列表数据;
将服务器端返回的数据和HTML模板进行拼接;
将拼接好的数据放入页面当中;
今天遇到的最大问题就下午加晚上都搞不定的ajax提交失败问题,最后重启电脑等网络稳定了就成功了

***转换时间格式,***在js文件中创建方法,然后在模板中调用方法
function formateDate(date){
//将日期时间字符串转换成日期对象
date=new Date(date);
return date.getFullYear()+’-’+(date.getMonth()+1)+’-’+date.getDate();
}

筛选列表:
添加筛选点击事件,获取到选择的过滤条件,向服务器端发送请求
文章修改:获取文章id,在浏览器地址栏中匹配是否存在,并调用数据显示在表单里,然后用提交表单方式进行修改

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值