成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

jQuery + koa2 實(shí)現(xiàn)簡(jiǎn)單的Ajax請(qǐng)求

leeon / 2127人閱讀

摘要：前言之前寫(xiě)代碼只管前端的實(shí)現(xiàn)，感覺(jué)這樣導(dǎo)致自己對(duì)的請(qǐng)求的理解不夠深入，所以寫(xiě)了這個(gè)從前端到后端的實(shí)現(xiàn)小，分別實(shí)現(xiàn)簡(jiǎn)單的和請(qǐng)求，加深下對(duì)前后端交互的理解。

前言

之前寫(xiě)Ajax代碼只管前端的實(shí)現(xiàn)，感覺(jué)這樣導(dǎo)致自己對(duì)Ajax的請(qǐng)求的理解不夠深入，所以寫(xiě)了這個(gè)從前端到后端的Ajax實(shí)現(xiàn)小demo，分別實(shí)現(xiàn)簡(jiǎn)單的GET和POST請(qǐng)求，加深下對(duì)前后端交互的理解。

技術(shù)棧

koa2
jQuery

需求

某些邏輯可以直接在前端處理，這里發(fā)給后端處理是為了更好地理解Ajax請(qǐng)求。

POST

通過(guò)填寫(xiě)編號(hào)和姓名并發(fā)送POST請(qǐng)求來(lái)保存人員信息，當(dāng)信息未填寫(xiě)或填寫(xiě)不正確時(shí)給出格式錯(cuò)誤的提醒；當(dāng)信息填寫(xiě)正確但編號(hào)已存在時(shí)給出編號(hào)已存在的提醒；當(dāng)信息填寫(xiě)正確且編號(hào)不存在時(shí)顯示保存成功。

GET

通過(guò)填寫(xiě)編號(hào)并發(fā)送GET請(qǐng)求來(lái)查詢?nèi)藛T信息，當(dāng)編號(hào)未填寫(xiě)或填寫(xiě)不正確時(shí)給出格式錯(cuò)誤的提醒；當(dāng)編號(hào)填寫(xiě)正確且編號(hào)已存在時(shí)返回人員信息；當(dāng)信息填寫(xiě)正確但編號(hào)不存在時(shí)顯示人員不存在的錯(cuò)誤提醒。

文件列表

dist

index.html

index.js

server.js

router.js

前端實(shí)現(xiàn) html頁(yè)面

index.html，簡(jiǎn)單的html頁(yè)面，通過(guò)點(diǎn)擊按鈕發(fā)送json格式的Ajax請(qǐng)求:




  
  Document
  


  

    
Hello World

    
    
    
    
    
    
    
    
    

    

    

  

  
  


查詢數(shù)據(jù)：






保存數(shù)據(jù)：




再次查詢數(shù)據(jù)：




至此，一個(gè)完整的Ajax請(qǐng)求demo就完成了。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/93168.html

相關(guān)文章

  • iKcamp團(tuán)隊(duì)制作｜基于Koa2搭建Node.js實(shí)戰(zhàn)（含視頻）? 路由koa-router

    路由koa-router——MVC 中重要的環(huán)節(jié)：Url 處理器 ?? iKcamp 制作團(tuán)隊(duì) 原創(chuàng)作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃 文案校對(duì)：李益、大力萌、Au、DDU、小溪里、小哈 風(fēng)采主播：可木、阿干、Au、DDU、小哈 視頻剪輯：小溪里 主站運(yùn)營(yíng)：給力xi、xty 教程主編：張利濤 視頻地址：https://www.cctalk.com/v/151...

    netmou 評(píng)論0 收藏0

  • Koa2框架利用CORS完成跨域ajax請(qǐng)求

    摘要：目前代碼如下到現(xiàn)在為止，可以對(duì)跨域請(qǐng)求進(jìn)行響應(yīng)了，但是該域下的不會(huì)被攜帶在請(qǐng)求頭中。調(diào)整后順序如下這樣就減少了多余的響應(yīng)頭。 實(shí)現(xiàn)跨域ajax請(qǐng)求的方式有很多，其中一個(gè)是利用CORS，而這個(gè)方法關(guān)鍵是在服務(wù)器端進(jìn)行配置。 本文僅對(duì)能夠完成正?？缬騛jax響應(yīng)的，最基本的配置進(jìn)行說(shuō)明（深層次的配置我也不會(huì)）。 CORS將請(qǐng)求分為簡(jiǎn)單請(qǐng)求和非簡(jiǎn)單請(qǐng)求，可以簡(jiǎn)單的認(rèn)為，簡(jiǎn)單請(qǐng)求就是沒(méi)有加上額...

    Jrain 評(píng)論0 收藏0

  • 通過(guò)koa2和Promise.race()構(gòu)造一個(gè)超時(shí)取消的ajax。

    摘要：上說(shuō)你可以使用構(gòu)造函數(shù)創(chuàng)建一個(gè)新的對(duì)象。使用對(duì)象完成與請(qǐng)求的通信。服務(wù)端使用重要的點(diǎn)在于不能直接使用這樣返回給前端會(huì)直接報(bào)錯(cuò)。前端的代碼要注意的第三個(gè)參數(shù)設(shè)置成將請(qǐng)求設(shè)置為異步，然后由于超時(shí)會(huì)取消請(qǐng)求，所以這里根本不需要來(lái)顯式的取消請(qǐng)求 MDN上說(shuō)： 你可以使用AbortController.AbortController()構(gòu)造函數(shù)創(chuàng)建一個(gè)新的AbortController對(duì)象。 使...

    e10101 評(píng)論0 收藏0

  • nodejs爬蟲(chóng)項(xiàng)目實(shí)戰(zhàn)

    摘要：四爬蟲(chóng)功能制作是來(lái)使用的庫(kù)，它的使用方法與差不多，我們通過(guò)它發(fā)起請(qǐng)求，在回調(diào)函數(shù)中輸出結(jié)果。第一步得到一個(gè)的實(shí)例第二步定義監(jiān)聽(tīng)事件的回調(diào)函數(shù)。 這篇文章主要介紹了NodeJS制作爬蟲(chóng)的全過(guò)程，包括項(xiàng)目建立，目標(biāo)網(wǎng)站分析、使用superagent獲取源數(shù)據(jù)、使用cheerio解析、使用eventproxy來(lái)并發(fā)抓取每個(gè)主題的內(nèi)容等方面，有需要的小伙伴參考下吧。showImg(http:/...

    xcold 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<