NodeJs中使用jQuery

于 2022-04-15 16:59:36 发布
阅读量2.4k 收藏
点赞数 1
分类专栏： 爬虫 文章标签： python
原文链接：https://www.cnblogs.com/DonaHero/p/10001804.html
版权
1.安装jquery以及jsdom
npm install jsdom
npm i jquery
2.jquery例子
// const $ = require('jquery')(require("jsdom").jsdom().defaultView);//老版本
// 参考https://www.cnblogs.com/DonaHero/p/10001804.html
const jsdom = require('jsdom');
const {JSDOM} = jsdom;
const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window;
global.document = document;
const window = document.defaultView;
const $ = require('jquery')(window);
var  navigator={};
navigator.userAgent ='Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36'



//以上定义jQuery  修改导出函数为$
console.log(window.location.href);

//注意写法

(function($) {
 console.log(navigator.userAgent)
    console.log($('p'))
})($);

在这里插入图片描述

Cocktail_py
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端（jquery）+ 后端（nodeJS）+数据库
imtokenmax众筹
04-12 386
外链图片转存中…(img-RBCL5OOF-1712907425971)][外链图片转存中…(img-MOUsHv3D-1712907425972)][外链图片转存中…(img-fHTjAnuo-1712907425972)][外链图片转存中…(img-OOPjHIgH-1712907425972)][外链图片转存中…(img-lFvp1jRZ-1712907425973)][外链图片转存中…(img-SwHuEzi3-1712907425973)]
NodeJs使用jQuery中$Ajax
最新发布
十三阿哥的博客
06-01 651
【代码】NodeJs使用jQuery中$Ajax。
在Node.js中使用jQuery
wilL-my的博客
08-01 1419
1.下载jquery包 npm install jquery 2.下载jsdom包 npm install jsdom 3. const jsdom = require("jsdom"); const { JSDOM } = jsdom; const { window } = new JSDOM(`<!DOCTYPE html>`); const $ = requir...
node.js中引入jquery
Brianhp的博客
02-14 3528
在node.js中如何引入jquery 1.安装jquery： npm install jquery; 2.安装jsdom: npm install jsdom; 3.新建js文件： const jsdom = require("jsdom"); const { JSDOM } = jsdom; const { window } = new JSDOM(`&lt;!DOCTYPE html&...
node下使用jquery
12-20 1121
node使用jquery的两种方式 在node下，使用jquery有两种方法： 使用jsdom模拟一个window对象 使用cheerio，cheerio只实现了jquery的dom部分功能，相当于jquery的一个子集，jquery还包含网络请求、bom等更为丰富的API。 这两种方法各有利弊，jsdom的方式非常完善稳妥，jquery久经考验，但它的缺点在于速度较慢；cheeri...
Node.js中使用jQuery的做法
10-21
在Node.js环境中使用jQuery并不是直接像在浏览器中那样无缝集成，因为Node.js是一个服务器端的JavaScript运行环境，它并不包含浏览器中的DOM（文档对象模型）和Window对象。然而，由于jQuery主要是为了解决前端开发...
NodeJS使用jQuery选择器操作DOM
10-24
主要介绍了NodeJS使用jQuery选择器操作DOM的相关资料,需要的朋友可以参考下
教你如何在Node.js中使用jQuery
12-23
想要在NodeJs中使用jQuery？ 首先，我们得安装jquery， npm install jquery 。安装后的版本是 3.1.0 接着，第一感觉我们会使用 var $ = require(‘jquery’) 。 将以下代码保存为app.js var $ = require('jquery') ...
使用Redis，NodeJS和jQuery自动完成
04-07
标题中的“使用Redis，NodeJS和jQuery自动完成”是指在Web开发中实现一个自动填充（Auto-Complete）功能，利用Redis作为数据存储，Node.js作为后端服务器处理，以及jQuery作为前端JavaScript库来提供用户友好的交互...
【杂记】nodejs导入jQuery的方法
Stella的博客
07-30 4182
安装jQuery依赖包 npm install jQuery 安装jsdom依赖包 npm install jsdom 在需要使用jQuery的时候导入相关包，例如，在使用ajax的时候则需要先加载jQuery.js(先后顺序很重要),否则就会报错：$xx is not defined 这样的错误。 如下导入： &lt;script type="text/javascript" src...
Node.js-jq.node-强大的命令行JSON处理器
08-10
jq.node - 强大的命令行JSON处理器
vue3.x项目中使用jquery（最简单的方式）
卫可冬的博客
09-09 6534
因为最近的项目需求，要把vue从2.x升级到3.x。项目中用到了jquery，网上搜索出来的使用方法都是vue2.x的方式：修改webpack.base.conf.js文件，或者修改vue.config.js。然而vue3.x的版本中根本就没有这两个文件。这种方式已经不再适用了。没必要再去新建一个文件。 具体的引入方式如下： 安装jquery npm install jquery -S 在项目的main.js中声明 const $ = require('jquery'); window.$ = $
nodejs脚本使用jQuery
csdn_meng的博客
01-07 754
首先创建一个文件夹 在文件夹下执行下面的命令 # 执行后一路回车就行 npm init # 然后安装依赖 npm i jsnode jquery 完成后在文件夹下创建一个index.js文件 此时该文件夹下结构如下: / …/node_modules …package-lock.json …package.json index.js代码 const jsdom = require('jsdom') const {JSDOM} = jsdom; const {document} = (ne.
Node.js学习（三）——Node.js使用Bootstrap
flygoa的专栏
09-27 1万+
Node.js学习（三）——Node.js使用Bootstrap
在NodeJs中使用jQuery？
热门推荐
关灯吃面
02-04 1万+
想要在NodeJs中使用jQuery？ 首先，我们得安装jquery， npm install jquery 。安装后的版本是 3.1.0 接着，第一感觉我们会使用 var $ = require('jquery') 。 将以下代码保存为app.js ? 1 2 3 4 var $ = requir
借助Nodejs在服务端使用jQuery采集17173游戏排行信息
weixin_34029680的博客
12-28 92
Nodejs相关依赖模块介绍 Nodejs的优势这里就不做介绍啦，这年头相信大家对它也不陌生了。这里主要介绍一下用到的第三方模块。 async：js代码中到处都是异步回调，很多时候我们需要做同步处理，使用async可以大大简化我们的同步处理的任务（没有它的时候，可能要用递归去处理异步问题了）。 jsdom：一个 W3C DOM 的 JS 实现。用这玩意相当犀利，它不仅可以将文档解析成 D...
nodeJs+jquery实现聊天插入表情功能
coding乐园
12-02 3151
在实习期间做一个nodejs的项目时，分配了做一个聊天室的任务，然后就喜欢上了这个。。。想着而不只是聊天，还可以加入类似qq表情的功能。发现可以进入Jquery官方网站下载该demo，但是在运用的过程中，难免会遇到各种各样的问题，在自己的信息研究之下，终于实现了该功能。 官方demo下载：http://www.jq22.com/jquery-info365 问题解决： 1.浏览器判别问题：在官
Web h5开发 初学总结
lakebobo的博客
07-25 1万+
html5 = 标记+javascript api+css HTML标记（也称为结构） CSS样式（也称为表示） JavaScript（也称为行为） H4 &amp;amp;amp;amp;lt;!DOCTYPE html PUBLIC &amp;amp;amp;quot;-//W3C//DTD HTML 4.01//EN&amp;amp;amp;quot; &amp;amp;amp;quot;http://www.3c.org/TR/html4/strict.
nodejs项目中怎么使用ajax连接后台
05-14
在 Node.js 项目中使用 AJAX 连接后台，可以使用以下步骤： 1. 安装 AJAX 库：可以使用 jQuery、axios、fetch 等 AJAX 库，其中 jQuery 可以使用 npm 安装，axios 和 fetch 可以使用 CDN 引入。 2. 在前端代码中编写 AJAX 请求：在前端代码中，可以使用 AJAX 请求向后台发送数据，以获取数据或者完成操作。以下是 jQuery AJAX 请求的示例代码： ``` $.ajax({ type: "POST", url: "/backend", data: { name: "John", location: "Boston" } }) .done(function( msg ) { alert( "Data Saved: " + msg ); }); ``` 3. 在后端代码中处理 AJAX 请求：在后端代码中，可以使用 Express 框架来处理 AJAX 请求。以下是 Express 处理 AJAX 请求的示例代码： ``` const express = require('express') const bodyParser = require('body-parser') const app = express() app.use(bodyParser.json()) app.post('/backend', (req, res) => { const name = req.body.name const location = req.body.location // 进行处理 res.send('Data received') }) app.listen(3000, () => { console.log('Server running on port 3000') }) ``` 在上面的代码中，我们使用了 bodyParser 中间件来解析 AJAX 请求的 JSON 数据，然后在 /backend 路由中获取数据并进行处理，最后发送响应。 希望这些步骤可以帮助你在 Node.js 项目中使用 AJAX 连接后台。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值