Articles of jquery

从客户端请求运行带有节点的Bash脚本

当用户从浏览器中点击一个button时,我需要运行服务器端脚本。 我一直在研究一段时间,不能弄明白。 我们有什么: 运行在Fedora Red Hat上的Node.js服务器(在本地主机上) 没有PHP 大多数网页是HTML + JavaScript + jQuery 更清楚的是,这里是我们想要发生的事情: – >用户转到http:// localhost /index.html – >用户select颜色,按下“提交”button。 – >所选颜色转到bash脚本(在服务器上)./sendColors [listOfColors] – > bash脚本是这样的。 ================ 我试过的东西 child_process.spawn 我希望我可以在html页面上做到这一点: var spawn = require('child_process').spawn; ls = spawn(commandLine, [listOfColors]); ls.stdout.on('data', function (data) { console.log('stdout: ' + data); }); ls.stderr.on('data', function (data) { console.log('stderr: ' + data); }); […]

我如何在phantomJS中执行jQuery的承诺?

我正在使用试图在服务器端使用nodejs和phantomjs来search我们的网站。 虽然AJAX工作正常,我不能执行我已经在我的代码中使用自定义的承诺。 如何让幻影等待承诺解决。 以下是我编码的内容。 $('body').addClass('before-dom-ready'); $(function() { $('body').addClass('after-dom-ready'); var dfrd = $.Deferred(), promise = dfrd.promise(); setTimeout(function() { dfrd.resolve(); }, 5000); promise.done(function() { $('body').addClass('promise-executed'); }); }); phantomJS增加了“准备就绪”和“准备就绪”的课程,但是我无法获得“承诺执行”的课程。

使用jQuery AJAX与node.js,处理来自服务器的响应

这是我第一次在这里发表一个问题,我大多只是一个潜伏在其他问题上的潜伏者,但是这是我一直想弄明白的事情,而且我的生活不能。 基本上我正在做的是使用AJAX从客户端跳转到服务器,运行一些代码,search外部API给我一些数据,然后我需要这些数据返回到客户端。 这是我的代码…这是所有使用express.js的快递 客户端 $('#search').click(function(){ $.ajax({ type: "GET", url: "/search", dataType: "json" }).done (function (data) { alert(data); }); }); 服务器端 app.get('/search', function(req, res){ factual.get('/t/places',{q:'starbucks'}, function (error, data) { console.log(data); res.send(data); }); }); 现在我知道,单击#searchbutton时,它会转到服务器并成功运行该代码。 但是我不知道如何从服务器上获取这些数据,然后返回到客户端来在那里工作。 我发现其他职位提到像res.send / res.write / res.end,我已经尝试了所有这些forms的知识,我似乎永远不会将这些数据返回给客户端。 任何提示或可能更好的方法来做到这一点将非常感激。

添加bootstrap.js到browserify?

所以我想弄清楚如何做到这一点? 我通过凉亭下载了bootstrap-sass,并将bootstrap javascript添加到了一个垫片中。 有几件事让我感到困惑,bootstrap.js文件看起来像这样。 //= require bootstrap/affix //= require bootstrap/alert //= require bootstrap/button //= require bootstrap/carousel //= require bootstrap/collapse //= require bootstrap/dropdown //= require bootstrap/tab //= require bootstrap/transition //= require bootstrap/scrollspy //= require bootstrap/modal //= require bootstrap/tooltip //= require bootstrap/popover 这是一种自我解释,但同时还是令人困惑的,我是否会这样评论呢? 当我添加到引导程序shim中时,是否只包含bootstrap.js文件,还是应链接到所需的所有文件? 为了避免黑客入侵(我将在此期间进行),我想尝试获取有关如何将bootstrap.js包含到browserify中的信息。 编辑:我想我可能只需要concat所有我需要的文件,并包括该脚本,因为当我浏览bootstrap.js我刚刚得到上述。 我会尝试没有评论,那么如果失败,我会连接所有的脚本到一个文件,看看会发生什么:) 编辑:嗯看起来像concat理论的作品! 唯一的事情是jQuery,看看。 ; jQuery = global.jQuery = require("c:\\wamp\\www\\mysite\\app\\client\\requires\\jquery\\js\\jquery.js"); /* ======================================================================== […]

如何在Node.js中从ajax post返回成功

我有这样的function: exports.saveAction = function (req, res) { var conn = mysql.createConnection({ host : nconf.get("database:host"), //port: 3306, user : nconf.get("database:username"), password : nconf.get("database:password"), database : nconf.get("database:database"), multipleStatements: true, //ssl: 'Amazon RDS' }); var action = req.body; conn.query('UPDATE actions SET ? WHERE Id = ?', [action, action.Id], function (err, result) { conn.end(); if (err) throw err; res.writeHead(200, […]

在JavaScript和Node.js中为String类添加函数的性能影响是什么?

在JavaScript中为String类添加函数有什么影响? 这是一个坏主意吗? 例如, // String functions String.prototype.startsWith = function(string) { return (this.indexOf(string) === 0); } String.prototype.empty = function() { //console.log($.trim(this.valueOf())); if($.trim(this.valueOf()) == '') { return true; } else { return false; } }

POST AJAX请求被拒绝 – CORS?

我在端口5000上的node.js服务器上设置了CORS,如下所示: var app = express(); app.use(cors()); //normal CORS app.options('*', cors()); //preflight app.post('/connect', function(req, res) { console.log("Connection request received !") }); var port = 5000; app.listen(port, function () { console.log('Listening on port '+port); }); 我现在正尝试使用JQuery发送AJAX POST请求,如下所示,在从我的硬盘打开的静态网页中: var xhr = $.post({ url: 'http://localhost:5000/connect', complete: function() { console.log("done !") }, crossDomain: true }); xhr.fail(function(xhr, status, error){ alert(error) }) […]

在Javascript中查询本地值的首选方法是什么?

例如,有一个名为animationComplete的variables(来自第三方库)和一个名为happenAfterAnimation的函数: 一个简单的解决scheme如下所示: while(!animationComplete) { // Do nothing } happenAfterAnimation() 或者像这样一个更复杂的解决scheme: function tryHappenAfterAnimation() { if(animationComplete) { happenAfterAnimation() } else { setTimeout(tryHappenAfterAnimation, 100) } } setTimeout(tryHappenAfterAnimation, 100) 第一个解决scheme可能有一些开销,第二个解决scheme看起来有点脏。 由于future/promise是不是在当前版本的Javascript中可用,它的方式可能有点矫枉过正这里..我只是想知道是否有一个优雅和轻量级的方式来处理这种情况.. 有没有人有更好的方式来处理这个想法? 谢谢!

使用Browserify和jQuery插件

一些简要的背景:我使用的是browserify和browserify-shim(和gulp来构build)来创build一个web应用程序。 在这个问题之前,我require从npm的jQuery,所以我没有问题。 一旦我开始做一些优化,我意识到包括jQuery在内的捆绑是多么的庞大。 所以,现在我从CDN抓取jQuery,并将其放在bundle.js文件之前。 但我有问题宣布jQuery作为一个全球性的,适当shimming我的jQuery插件在browserify和browserify-shim。 当我运行gulpbuild立,我不断得到相同的错误: [gulp] gulp-notify: [Compile Error] module "jquery" not found from "/Volumes/Chetan/Users/cshenoy/Projects/urbanstems-node/app/plugins/jquery.inview.js" browserify-shim看起来并不像jQuery那样是全球化的。 作为参考,我使用了inview插件 。 这里是我的package.json和相关的部分 "browser": { "inview": "./app/plugins/jquery.inview.js" }, "browserify-shim": { "jquery": "global:jQuery", "inview": { "depends": [ "jquery" ] } } 让我知道我还可以包括哪些内容来帮助诊断错误。

Yii2 DropDownList Onchange更改自动完成Widget的“源”属性?

我已经试过这个: yii2依赖的自动填充小部件 但我不知道为什么它不工作。 这里我的脚本的HTML: <?= $form->field($model, 'lbt_holder_type')->dropDownList(['prompt' => '— Select Holder Type —', 'S' => 'Student', 'E' => 'Employee'], ['onChange' => 'JS: var value = (this.value); if(value == "S"){$(#libraryborrowtransaction-name).autoComplete({source: '. $s_data.');} if(value == "E"){$(#libraryborrowtransaction-name).autoComplete({source: '. $e_data.');} '])?> 自动完成: <?= $form->field($model, 'name')->widget(\yii\jui\AutoComplete::classname(), [ 'options' => ['class' => 'form-control', 'placeholder' => 'Enter Name/ID'], 'clientOptions' => [ 'source' […]