首先我的文件结构:

web

-public

--login.html(登陆页面属于静态页面)

-veiws

--index.jade

-routes

--index.js

-app.js

前端代码

$("#login").click(function(){

var username=$('#un').val();

var pw=$("#pw").val();

var data = {"un":username,"pw":pw};

$.ajax({

type:"post",

url:"/login",

async:true,

success: function(data,status){

if(status == 'success'){

location.href = '../views/index.jade';

}

},

error: function(data,status){

if(status == 'error'){

alert("密码或者用户名错误");

}

});

})

这个$.ajax里的url我到底应该写什么。

另外我的服务端代码是写在app.js里还是写在router文件夹下的index.js里。还是新建一个js文件并把服务端代码写进去,然后url写这个js文件的相对目录(php貌似就是这样)。

还有就是index.js里的router.get('/', function(req, res, next){} )和

app.js里的var router = require('./routes/index');app.use('/',router)有什么区别,到底哪个才是绑定域名。我的理解是服务器启动后自动运行app.js然后app.use相当于把函数压入一个stack依次执行,然后执行到index.js时,index.js根据url地址渲染views里的jade模板,并且每刷新一次重新渲染一次(不清楚是没刷新一次app.js重新执行一次还是index.js重新执行一次)。

node.js ajax success,前端如何通过ajax和node.js交互?相关推荐

  1. 前端一定得学ajax吗,前端学习之ajax

    一.什么是json JSON(JavaScriptObjectNotation,JS对象标记)是一种轻量级的数据交换格式. 它基于ECMAScript(w3c制定的js规范)的一个子集,采用完全独立于 ...

  2. ajax用jquery怎么实现,ajax使用jquery的实现方式

    1.jquery的ajax方法. $("#ajaxbtn").click(function(){ $.ajax({ url:"json.do", beforeS ...

  3. 本地跨域处理ajax,Node.js配合node-http-proxy解决本地开发ajax跨域问题

    情景: 前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 1. 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java运行环境,麻烦) 2. ...

  4. 16.JAVA之前端,HTML,CSS(选择器,盒子模型),JS,JQuery,Json,ajax

    一.Web前端技术栈 1.HTML超文本标记语言        实现页面展现,形成静态网页 2.CSS层叠样式表            实现页面美化 3.JS javascript脚本语言    实现 ...

  5. Web前端书单从HTML到JS到AJAX到HTTP从框架到全栈

    前言:技术书阅读方法论 一.速读一遍(最好在1~2天内完成) 人的大脑记忆力有限,在一天内快速看完一本书会在大脑里留下深刻印象,对于之后复习以及总结都会有特别好的作用. 对于每一章的知识,先阅读标题, ...

  6. ajax结合前端模板引擎ejs.js渲染页面(自己理解,不建议参考)

    <一.利用前端前端引擎和ajax来渲染前端页面> 1.就是创建一个装渲染内容的盒子 comment是接口传进来的参数,就是传进来的数据,名字就叫"comment"因此: ...

  7. node html5,html5前端入门教程分享:Node.Js 框架

    项目前期准备: 以express 框架为例 npm i express-generator -g //全局安装express框架 express -e //生成express应用骨架 npm i // ...

  8. 前端通信:ajax设计方案(三)--- 集成ajax上传技术

    在此之前让我感慨一下现在的前端开发的氛围.我遇到好多人,给我的观念都是,这个东西这个框架有了,那个东西那个框架做了,前端嘛,学几个框架,这个拼凑一下那个拼凑一下就好了.其实我想问,东西都框架做了,那你 ...

  9. Node.js 在大前端领域的应用分析

    作者:前端361 原文地址:https://zhuanlan.zhihu.com/p/121055042 关于 node 的使用已经很久了,使用范围也很广,似乎有前端的地方就有 node,那么来思考一 ...

最新文章

  1. Spring配置文件-Bean实例化的三种方式
  2. 原型设计(结对第一次)
  3. [头脑风暴] 解读Docker Bridge网络模型
  4. markov chain, MRP MDP
  5. Collections带有的排序方法 传入的元素类型 需是子类或者这个类的实例
  6. mysql逻辑读高影响_运维日记| MySQL/Oracle深度解析之一:逻辑读
  7. Python之实现常见算法
  8. 怎样把照片中的头像扶正_微信头像用对了,2020运气差不了
  9. Message、Handler、Message Queue、Looper、Thread之间的关系(未完成)
  10. 触发C#Button的双击事件
  11. Lua调用c++ DLL 文件
  12. Undefined variable 'raw_input'pylint(undefined-variable)
  13. 网页无法正常显示Lato字体,绕路而行
  14. 解析互联网广告术语 CPM、CPC、CPA、CPS、CPL、CPR 是什么意思
  15. KVM虚拟机,使用linux bridge配置vlan隔离
  16. 数据分析|Python|拼多多优惠券使用预测分析报告
  17. 病痰饮者不能率以温药和之
  18. base64 文件格式判断 图片类型判断 js
  19. Redmi K20 Pro 编译 PixelExperience
  20. 应用程序无法正常启动(0x000007b)的不常见的解决过程

热门文章

  1. [转]自定义SqlMembershipProvider方法
  2. Timus 1114. Boxes
  3. java 删除二维数组中的null_避免在Java中检查Null语句
  4. java map的遍历
  5. java 判断是否是list_JAVA从头开始一基础梳理(4-3)
  6. ctf音频yinxie_ctf-图片隐写术
  7. jvm延迟偏向_用于偏向硬币翻转模拟的Python程序
  8. to_number用法示例_Number()函数以及JavaScript中的示例
  9. 两顶点的路径长度为k_计算两个顶点之间的所有可能路径
  10. html文段源码,HTML 段落