初学NodeJS（一）

曹金海发布于2019-08-23 18:03 / 865人阅读

摘要：这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新创建对象实例的传输方式传输数据方式有两种，一种，一种。

Ajax 介绍

在node.js中前后台交互数据经常会用到这个东西，Ajax不是新的编程语言，而是一种使用现有标准的新方法，他可以实现不刷新网页部分更新数据。

Ajax数据格式

ajax封装

使用封装Ajax需要了解什么是XMLHttpRequest；

什么是XMLHttpRequest

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新

创建XMLHttpRequest对象实例：
var XMLHttpRequest=new XMLHttpRequest();

Ajax的传输方式

传输数据方式有两种，一种get，一种post。

get: 地址栏 - 数据都可视，不安全，方便可传输数据大小32kb
post: 加密 - 数据不可视，安全，不方便可传输数据大小2gb

向后端发送数据

利用XMLHttpRequest对象的open方法

open方法用于解析数据传输方式，数据内容，是否异步调用

get方法

var XMLHttpRequest = new XMLHttpRequest();
XMLHttpRequest.open("GET","数据",true);
XMLHttpRequest.send();

var XMLHttpRequest = new XMLHttpRequest();
XMLHttpRequest.open("POST","数据",true);
XMLHttpReuqest.send();

异步 - True 或 False
同步：后台进程一步一步完成
异步：后台进程同时调用运行

XMLHttpRequest的open方法第三个参数‘true’ or ‘false’就是选择是否异步，当然选择true啦，高效。

XMLHttpRequest.onreadystatechange=function() {
            if(XMLHttpRequest.readyState == 4) {
                if(XMLHttpRequest.status >= 200 && XMLHttpRequest.status < 300 || XMLHttpReuqest.status == 304) {
                    //console.log(XMLHttpRequest.responseText);
                    json.success(XMLHttpReuqest.responseText);
                }else{
                    //console.log("服务器错误");
                }
            }
        }

onreadystatechange方法：当状态码改变时触发，
readyState 当前状态码

什么是状态码

   ajax状态码 - ajax readyState：

    0 - （未初始化）还没有调用send()方法
    1 - （载入）已调用send()方法，正在发送请求
    2 - （载入完成）send()方法执行完成，已经接收到全部响应内容
    3 - （交互）正在解析响应内容
    4 - （完成）响应内容解析完成，可以在客户端调用了

XMLHttpRequest.state

当前进程加载状态，例如404是无回应的，200是加载成功等

服务器响应

如果服务器有内容响应也就是后端有数据返回前端则有两个XMLHttpRequest对象获取responseText，responseXML。
responseText返回字符串形式的数据
responseXML返回XML形式的数据

responseText 例子

html:
    
js:
    var XMLHttpRequest = new XMLHttpRequest();
    document.getElementById("div1").innerHTML=XMLHttpRequest.responseText;

idc机房托管云服务器初学代码初学python python初学云计算初学

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

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

初学nodejs (一)：nodejs 入门

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

NoraXie 2019-08-26 10:47 评论0 收藏0
【新手向 · 一站式教程】利用DigitalOcean云服务器，部署Nodejs服务

摘要：前言关于此教程作为一名业余开发者，因为公司都是做和的。。。建议采用的方式下载，可参考官方教程。但是服务的进程管理，即便对于初学者来说，也是必不可少的一课。前言关于此教程作为一名业余Nodejs开发者，因为公司都是做Java和C++的。。。我是在没有任何人可请教的情况下，一个坑一个坑坚(ku)实(bi)地踩过来的。作为对segmentdefault社区的回报，把自己微不足道的经验分...

用户83 2019-08-22 10:45 评论0 收藏0
初学NodeJS（三）

摘要：中的模块在中有模块的概念，类似于语言中的头文件，都是函数库。灵活运用模块可以非常便捷的操作后端操作前端。最好在运行文件的同个文件夹下下载方便使用，也可以在上级文件夹下载全局调用。他可以为文档增删改查。 nodeJS中的模块在nodeJS中有模块的概念，类似于C语言中的头文件，都是函数库。灵活运用模块可以非常便捷的操作后端操作前端。而在nodeJS中引入模块要使用require();这...

宠来也 2019-08-23 18:04 评论0 收藏0
初学NodeJS（二）-- Ajax

摘要：关于封装好的前端往后端传递数据需要用到来传递。跨域跨域大致可以理解为在这个页面访问另一个文件。表示允许的域，表示所有，也就是说给予最高访问权限差不多意思。关于Ajax 封装好的Ajax 前端往后端传递数据需要用到Ajax来传递。首先需要在网页链入这个已经封装好的Ajax，因为如果直接在html页面写这个的话不好看之后就可以利用Ajax来传递了 // 前端页面文件名：...

codeGoogle 2019-08-23 18:04 评论0 收藏0