资讯专栏INFORMATION COLUMN

初学NodeJS(二)-- Ajax

codeGoogle / 1149人阅读

摘要:关于封装好的前端往后端传递数据需要用到来传递。跨域跨域大致可以理解为在这个页面访问另一个文件。表示允许的域,表示所有,也就是说给予最高访问权限差不多意思。

关于Ajax

封装好的Ajax

前端往后端传递数据需要用到Ajax来传递。

首先需要在网页链入这个已经封装好的Ajax,因为如果直接在html页面写这个的话不好看

之后就可以利用Ajax来传递了

//    前端页面

文件名:
文件内容:


首先要知道,封装好的ajax需要作者传递个json格式的参数进去

其次,必须要有的是后端接口的地址url,传输数据的方式type,前端传给后端的数据内容都写在data内,success方法会自动传入个data参数,这个方法将处理成功接受到后端返回的数据

假设我们后端想要写个文本文件

//后端页面
var http = require("http"),
urlLib = require("url"),
fs = require("fs");

//利用http模块创建本地服务固定格式
http.createServer(function(req, res) {
    //跨域,‘*’号表示所有
    res.setHeader("Access-Control-Allow-Origin", "*");
    
    //利用url模块解析网页传递的地址数据
    var json = urlLib.parse(req.url, true).query;

    //利用fs模块的writeFile方法写入文件
    fs.writeFile(json.file, json.inner, function(err) {
       if(err)console.log(err);
       console.log("生成完毕");  
    });
}).listen(1234);

http模块的作用是让后台不用在html文件启动,直接启动本地服务器,在浏览器搜索栏输入localhost:1234即可,1234是后端自己设置的监听接口

url模块的作用是如果用get方式传输数据的话,数据是可以在地址栏看到的,所以直接解析地址就可以得到前端传输的数据了

利用http模块创建本地服务就可以不用在打开html文件,设置好的话后端会直接访问,用户访问网页只需要在浏览器输入localhost:+监听接口号

跨域:跨域大致可以理解为在这个页面访问另一个文件。Access-Control-Allow-Origin表示允许的域,*表示所有,也就是说给予最高访问权限差不多意思。

代码写好还不止,因为我们的NodeJS是后端语言,是网页脚本,所以需要‘‘启动’’。

编写好代码之后需要进入脚本文件的文件夹内启动控制台cmd,输入node xxx.js这个xxx是你的脚本js文件的名字

注意检查模块是否 已经下载好,是否进入正确的文件夹内。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104624.html

相关文章

  • 初学NodeJS(一)

    摘要:这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新创建对象实例的传输方式传输数据方式有两种,一种,一种。 Ajax 介绍 在node.js中前后台交互数据经常会用到这个东西,Ajax不是新的编程语言,而是一种使用现有标准的新方法,他可以实现不刷新网页部分更新数据。 Ajax数据格式 ajax封装 使用封装Ajax需要了解什么是XMLHttpRequest; 什么是XML...

    曹金海 评论0 收藏0
  • 零基础的前端开发初学者应如何系统地学习?

    摘要:在有了基础之后,进一步学习内容包括框架。前端学习交流群禁止闲聊,非喜勿进。代码提交前必须做的三个事情检查所有变更跑一边单元测试手动运行一遍所有 网站开发开发大致分为前端和后端,前端主要负责实现视觉和交互效果,以及与服务器通信,完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习: 基础知识: html + css 这部分建议在 w3school 在线教程上学习,边...

    JouyPub 评论0 收藏0
  • 零基础的前端开发初学者应如何系统地学习?

    摘要:在有了基础之后,进一步学习内容包括框架。前端学习交流群禁止闲聊,非喜勿进。代码提交前必须做的三个事情检查所有变更跑一边单元测试手动运行一遍所有 网站开发开发大致分为前端和后端,前端主要负责实现视觉和交互效果,以及与服务器通信,完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习: 基础知识: html + css 这部分建议在 w3school 在线教程上学习,边...

    funnyZhang 评论0 收藏0
  • 初学nodejs (一):nodejs 入门

    摘要:是基于规范实现的,每一个文件都是一个模块,每个模块代码都要遵守规范,多个文件之间的调用的核心也是基于模块的对外暴露接口和互相引用。所以学习是很必要的。下一篇初学二用断点调试我们的代码 本文章是一边看着《狼书:更了不起的Node.js》一边写的,会有自己学习中遇到的问题,也会有书中的一些知识 Hello Node.js ! 最简单的例子 创建 helloworld.js, 代码如下。 ...

    NoraXie 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0

发表评论

0条评论

codeGoogle

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<