在html页面上使用ajax传递json数据到基于express框架(node.js)的服务器

关键词:json node express body-parser ajax与node post方法

简介

json格式简单命了,比XML更易解析,所以在web开发中前后端传送数据经常使用json格式。我们知道node是基于JavaScript的环境,而json是基于JavaScript对象的格式,所以在node中使用json格式甚至都不用进行数据格式的转换,这比java环境中方便快速。下面来讲解一下怎么在html页面上使用ajax传递json数据到基于express框架(node.js)的服务器中。

业务场景

从html页面使用ajax技术(post方法)传送一个json对象到express框架的服务器上。

代码分析

通过cmd命令行工具在系统根目录新建一个文件夹:

$ mkdir ajaxtest

在该文件夹下面建立两个文件:ajax.html,ajaxjs.js。
在cmd命令行工具打开文件夹,并且通过npm安装需要加载的node模块:

$ cd ajaxtest

$ npm install body-parser express fs

1.前端代码(ajax.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax</title>
</head>
<body>
<input type="button"
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值