在 node 中使用 jquery ajax(node js orm)

boyanx3个月前技术教程21

对于前端同学来说,ajax 请求应该不会陌生。jquery 真的ajax请求做了封装,可以通过下面的方式发送一个请求并获取相应结果:

$.ajax({
    url: "https://echo.apipost.cn/get.php",
    data: formData,
    type: "POST",
    processData: false,
    contentType: false,
    success: function (data, status, xhr) {
        console.log(data, status, xhr)
    },
    error: function (xhr, status, error) {
        console.log(xhr, status, error)
    },
    complete: function (xhr, status) {
        console.log(xhr, status)
    }
})

但是,在 node 环境中,就需要一些其他库实现接口发送,例如GOT、request 等。当然,也可以通过在node 中安装 jquery 来使用上面 $.ajax 的方法,但是会有一个很要命的问题:跨域。

何为跨域?

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。也就是违反了“同源策略”:

同源策略是一个重要的安全策略,它用于限制一个origin的文档或它加载的脚本如何能与另一个源的资源进行交互。能够减少恶意文档,减少可能被攻击媒介。 如果两个URL的协议、域名、端口号都相同,就称这两个URL同源。

浏览器默认两个不同的源之间是可以互相访问资源和操作DOM的。两个不同的源之间若是想要访问资源或者操作DOM,那么会有一套基础的安全策略的制约,我们把这称为同源策略。它的存在可以保护用户隐私信息,防止身份伪造。

使用 ajax-for-node 实现 $.ajax

ajax-for-node (
https://github.com/Apipost-Team/nodeajax
)是一个在 node 环境下实现 .ajax的库,它的所有参数格式和.ajax 的库,它的所有参数格式和 .ajax的库,它的所有参数格式和.ajax 完全一致。

const nodeAjax = require('ajax-for-node');

var formData = new FormData();
formData.append("username", "Groucho");
formData.append("accountnum", 123456);

nodeAjax({
    url: "https://echo.apipost.cn/get.php",
    data: formData,
    type: "POST",
    processData: false,
    contentType: false,
    success: function (data, status, xhr) {
        console.log(data, status, xhr)
    },
    error: function (xhr, status, error) {
        console.log(xhr, status, error)
    },
    complete: function (xhr, status) {
        console.log(xhr, status)
    }
});

npm 搜 ajax-for-node

相关文章

使用jQuery ajaxFileUpload+servlet实现文件上传

1,首先需要引入两个jar包2,需要在页面引入jQuery的js库和上传需要的ajaxfileupload.js文件,因为我的上传ajax方法在project里面写的,所以需要引入,增加type类型为...

LPL比赛数据可视化,完成这个项目,用尽了我的所有Python知识

LPL比赛数据可视化效果图完成这个项目,我感觉我已经被掏空了,我几乎用尽了我会的所有知识html+css+javascript+jQuery+python+requests+numpy+mysql+p...

前端常见面试 - 请求篇(前端面试题csdn)

对于前端来说,请求是前端日常工作必备的,通过请求才能与后端进行数据交互,尤其在现在前后端分离的开发模式下,请求显得就更加重要。因此,对于前端开发者来说,掌握请求就很重要。下面将从 http 请求和常见...

图片上传并回显Ajax异步篇(图片上传jsp)

内容导读 “FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。这是官方的讲解,我来说一下我的理解,我们new 一个FormData( $(form) )对象时,...

让编辑器支持word的复制黏贴,支持截屏的黏贴

chrome有很多人性化的API,比如拖拽, 比如图片可以转化为base64等;比如知乎上面的回复中可以直接黏贴图片, 就不需要手动点击图片上传按钮, 选择图片, 确认上传等等; 知乎参考地址:打开让...

Nodejs文件上传、监听上传进度(node监听文件变化)

文件上传如果加上进度条会有更好的用户体验(尤其是中大型文件),本文使用Nodejs配合前端完成这个功能。前端我们使用 FormData 来作为载体发送数据。效果前端部分HTML 部分 和 Js 部分&...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。