1. 程式人生 > >Node.js通過jquery的ajax來獲取引數

Node.js通過jquery的ajax來獲取引數

這是在前面練習的基礎上繼續學習發出的心得。在頁面刷出資料後想對某些內容執行刪除操作,這裡用到jquery的ajax,通過ajax傳入一個唯一的值,比如collection裡面的_id,然後在node處理程式裡面接收這個引數,呼叫remove方法執行刪除操作。具體程式碼如下:

1、我的ajax程式碼是寫在一個頁面當中。

$('.my-delete').click(function(){
     var id=$(this).attr("data-id");  //在頁面當中我直接把資料的_id值刷出來賦給data-id
     $.ajax({
         type:'post',
         url:"/msgDelete",
         data:{id:id},
         success:function(data){  //以我的寫法,這裡success是沒有執行到的,直接跑到message處理程式,成功刪除就over了
             if(data){
                 console.log('成功了啊');
             } else{
                  console.log("返回值為空");
             }
         }
     });
 })
這裡處理url為"/msgDelete",因此需要修改app.js新增msgDelete的處理事件,我是在當前頁執行刪除操作,因此轉向頁面也是當前頁。
app.get('/msgDelete',message.del);
app.post('/msgDelete',message.delMsg);
修改mesage.js裡面的del和delMsg方法如下所示。
exports.del = function (req,res){
    res.render('home',{title:'Delete Message'})
}

exports.delMsg = function (req,res){
    msgModel.remove({_id:req.body.id},function(err,data){
        if(!err){
            res.send('true');//刪除成功後返回true用於前端ajax的success函式接收的data,這裡send的資料格式可以根據需要自己定義
        }else{
            res.send('false');
        }
    })
}
這裡的delMsg是真是實現刪除操作的過程,remove()方法的兩個引數,第一個是條件,第二個是回撥函式,這裡我要刪除指定一條id的資料,通過req.body.id來獲取前面頁面ajax傳入的引數,刪除完成之後,重新呼叫find方法查詢資料庫的資料,看看結果是不是正確的,docs為返回的陣列列。

具體什麼刪除之後,相要把這個刪除的隱藏啊之類的就不寫了,需要的自己研究,反正返回值都已經給出來了。

相關推薦

js---通過arguments獲取指定參數

兩個 我們 利用 屬性 cti 實現 pre code 通過 通過訪問arguments對象的length屬性可以獲取有多少個參數傳遞給了函數。 如:每次被調用的時候,輸出傳入其中的參數個數 function doAdd(){ alert(arguments.le

Node.js通過jquery的ajax獲取引數

這是在前面練習的基礎上繼續學習發出的心得。在頁面刷出資料後想對某些內容執行刪除操作,這裡用到jquery的ajax,通過ajax傳入一個唯一的值,比如collection裡面的_id,然後在node處理程式裡面接收這個引數,呼叫remove方法執行刪除操作。具體程式碼如下:

通過node.js搭建伺服器 處理post或者get請求

node.js讀取資料const http = require("http")const url = require("url")const queryString = require("querystring")const server= http.createServer

JS通過Url傳遞中文引數,c#獲取引數

最近遇到一個JS通過Url傳遞中文引數,c#獲取中文引數亂碼的問題。解決方法如下: 正確的方法是: JS var reqUrl = document.location + "?key=" + encodeURI(keyword); C# string keyword =

通過反射獲取泛型的實際泛型引數

//Vector<Date> v1 = new Vector<Date>(); Method applyMethod = GenericTest.class.getMethod("applyVector", Vector.class); Type[]

node.js使用scp進行scp操作

div log javascrip use console script 使用 path clas 示例: var client = require(‘scp2‘); client.scp({ host: ‘175.84.24.92‘, username:

以太坊開發DApp實戰教程——用區塊鏈、星際文件系統(IPFS)、Node.js和MongoDB構建電商平臺

IPFS 區塊鏈電商 區塊鏈開發 以太坊開發 以太坊dapp 以太坊教程 智能合約 以太坊 星際文件系統 區塊鏈 第一節 簡介 歡迎和我們一起來用以太坊開發構建一個去中心化電商DApp!我們將用區塊鏈、星際文件系統(IPFS)、Node.js和Mong

通過ref獲取DOM節點

port this color XP () click fault emp In 1 <template> 2 <div> 3 <div ref="hello"> 4 hello world 5

Vue.js 通過jQuery ajax獲取資料實現更新後重新渲染頁面

1. 引入jquery和vue.js <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script

Vue與Node.js通過socket.io通訊的示例

#一、Node中socket.io基礎 1、是什麼 Socket.IO類庫,是在伺服器和瀏覽器之間提供一個共享介面,其可以用於實現以下幾種通訊方式: HTML5中的WebSocket通訊 Flash中使用的WebSocket通訊 XHR輪詢 JSONP

Node.js 通過http呼叫外部介面

通過http.request傳送帶引數的post請求 data:傳送的內容 opt:描述將要發出的請求 data:事件在資料到達時被觸發 end:請求結束時觸發 error:發生錯誤時被觸發 [javascript]  view plain

解析Node.js通過axios實現網路請求

本次給大家分享一篇node.js通過axios實現網路請求的方法,寫的十分的全面細緻,具有一定的參考價值,對此有需要的朋友可以參考學習下。如有不足之處,歡迎批評指正。 1、使用Npm 下載axios npm install --save axios var update_u

以太坊開發DApp實戰教程——用區塊鏈、星際檔案系統(IPFS)、Node.js和MongoDB構建電商平臺

第一節 簡介 歡迎和我們一起來用以太坊實戰開發構建一個去中心化電商DApp!我們將會構建一個類似淘寶的線上電子商務應用,我將使用區塊鏈、星際檔案系統(IPFS)、Node.js和MongoDB來構建電商平臺,賣家可以自由地出售商品,買家可以自由地購物: 去中心化:

node.js通過許可權驗證連線MongoDB

2017年1月,大部分mongodb由於配置的疏忽給了黑客可乘之機,於是便發生了一系列的杯具。所謂的配置疏忽其實就是mongdb所有者沒有為mongodb開啟許可權認證,導致資料庫“在任何網路環境,不使用賬號直接登入”。這件事情告訴我們——做人不能太懶,雖然有時

使用axios的post請求,node.js後臺接收不到引數解決方法

簡單說明一下,最近在寫個人網站的後臺管理系統,前端介面使用的是Vue框架,後臺使用的是Node.js。 因為後臺管理系統有登入,所以在寫的時候發現一個小問題,因為以前沒有登入,所以用的都是get請求,後臺一直用的是req.query接收引數,但是post請求完成之後,req.query是一個空物

Spring 通過 ResolvableType獲取泛型

由於泛型擦除,使得Generic無法獲取自己的Generic的Type型別。實際上BadClass()例項化以後Class裡面就不包括T的資訊了,對於Class而言T已經被擦拭為Object,而真正的T引數被轉到使用T的方法(或者變數宣告或者其它使用T的地方)裡面(如果沒有那

通過gethostbyaddr獲取計算機的名稱

{          unsigned long ddd = inet_addr(*argv);         if(ddd != INADDR_NONE)         ...{            host=gethostbyaddr((char*)&ddd,4,AF_INET);     

spring中通過constructor注入引數的四種方式

spring中可以通過constructor來注入所需要的引數。一共有四種的方法。 1.通過建構函式注入 (原始方式) 2.根據構造器引數的型別 3.根據索引index注入 4.根據引數名稱注入 詳細

通過MediaStore獲取Audio資訊

OPhone系統提供了 MediaScanner,MediaProvider,MediaStore等介面,並且提供了一套資料庫表格,通過Content Provider的方式提供給使用者。當手機開機或者有SD卡插拔等事件發生時,系統將會自動掃描SD卡和手機記憶體

node.js 非同步變同步——獲取一個資料夾內的所有資料夾

獲取test資料夾內的所有資料夾: var fs = require("fs"); fs.readdir('./test',function(err,files){ var wenjianjia = []; console.log(files); for(var i