Node.js 无刷新 - 会coding的HAM

Node.js 无刷新

BG7ZAG

|

2017-8-09 19:20

|

1,532

|

0

|

361 字

|

2 分钟

Node.js 无刷新

此项目需要安装Node.js和npm，还有express插件、body-parser插件。deepin下安装请参考Nodejs 中 GET 传输数据

服务器端文件index.js:

const express = require('express')
const bodyParser = require('body-parser')
// var 表示的是变量值是可以改变的
// const表示常量一旦赋值就不能再改变
// cont是新特性可以node中使用暂时不要在浏览器中使用
const app = express()
app.use(express.static('public'))
app.use(bodyParser.urlencoded({extended:false}))
app.post('/user/login',function(req,res){
var phone = req.body.phone
var password = req.body.password
var result = password == '123456'?'登录成功':'密码错误'
res.send(result)
})
app.listen(3000,()=>{
console.log('服务器运行了')
})
// (a,b)=>{
// return a +b
// }
// 都是匿名函数
// function(a,b){
// return a + b
// }

html:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>无刷新</title>
</head>
<body>
<form action="/user/login" method="post" target="result">
<input type="tel" name="phone" placeholder="请输入手机号">
<input type="password" name="password" placeholder="请输入密码">
<input type="submit" value="登录">
</form>
<iframe src="#" frameborder="0" id='result' name="result"></iframe>
<script src="js/index.js"></script>
</body>
</html>

客户端index.js

var iframe = document.querySelector('#result')
iframe.onload = function(){
// contentWindow属性指定的iframe或者frame所在的window对象
var result = iframe.contentWindow.document.body.innerText
alert(result)
}

JavaScript Node.js

暂无评论

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!