主頁 > 知識庫 > 前端ajax的各種與后端交互的姿勢

前端ajax的各種與后端交互的姿勢

熱門標(biāo)簽:怎樣在地圖標(biāo)注文字 立陶宛地圖標(biāo)注 上海企業(yè)外呼系統(tǒng)價錢 河間市地圖標(biāo)注app 中國地圖標(biāo)注不明確情況介紹表 電銷機(jī)器人 長春 地圖標(biāo)注推銷坑人 大眾點(diǎn)評400電話怎么申請 東平縣地圖標(biāo)注app

前端中常常用的與后端交換數(shù)據(jù)的話,通常是要用到ajax這種方法的

但是交互的方式有很多種,很多取決于你后端的屬性,我這兒主要列舉我目前項目比較常用的兩種方式

--一個是我們通用的web api和控制器,

首先我們來仔細(xì)看看ajax來與webapi做的交互數(shù)據(jù)

這里先簡單描述一下web api的四種屬性--GET,POST,PUT,DELETE

這里面我永昌使用的是GET和POST

如果這時候我們需要用到AJAX與那些數(shù)據(jù)做后端交互的話

 $.ajax({
    url: "你的webapi",
    type: "Get",
    DATA{},//這里面寫你要傳給后端的數(shù)據(jù),不過GET方法一般不需要,直接讀就可以了
    success: function (data) {
       //成功后的return事件
      }
    error: function (data) {
      alert("data");//請求錯誤后的報錯事件(很重要,如果你報錯了不知道哪兒要改的話這個可以幫助你,我個人感覺主要是500報錯)
    }
  })

這種GET一般在網(wǎng)頁初始化的時候從后端讀取到一些數(shù)據(jù)然后賦給頁面上(可能我的專業(yè)術(shù)語表達(dá)不標(biāo)準(zhǔn),見諒QAQ)

然后我要講的是POST方法

$.ajax({
    url: "你的webapi",
    type: "POST",
    DATA{},//這里面寫你要傳給后端的數(shù)據(jù),這里面有點(diǎn)十分重要就是你的webapi方法上面一定要加[HTTPPOST]不然會500報錯
    success: function (data) {
       //成功后的return事件
      }
    error: function (data) {
      alert("data");//請求錯誤后的報錯事件(很重要,如果你報錯了不知道哪兒要改的話這個可以幫助你,我個人感覺主要是500報錯)
    }
  })

一般POST方法和通常的ajax方法一樣,只需要記得在你WEBAPI方法上加上[HTTPPOST]即可

剩下的我想總結(jié)一些有時候會用到的POST到控制器方法,雖然說控制器直接URLPOST即可,但是我個人還是喜歡用AJAX,主要是因?yàn)锳JAX可以看下自己的psot錯誤在哪些地方233

$.ajax({
          url: 你的控制器/你的控制器方法名字,
          type: 'POST',
          dataType: 'json',
          data: ,//依舊是你要傳遞參數(shù)的值
          contentType: “”application/json”,//這兒是告訴你傳遞參數(shù)一定是要json格式的啊  
          success: function (data) {
            //成功后的返回事件
          }
        });

值得一提是我個人傳遞的值感覺都是json類型的,目前還沒有測試過傳遞非json類型的參數(shù);

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!

您可能感興趣的文章:
  • 簡單的前端js+ajax 購物車框架(入門篇)
  • 前端彈出對話框 js實(shí)現(xiàn)ajax交互
  • laypage前端分頁插件實(shí)現(xiàn)ajax異步分頁
  • Laravel接收前端ajax傳來的數(shù)據(jù)的實(shí)例代碼
  • Spring MVC前端與后端5種ajax交互方法【總結(jié)】
  • 前端開發(fā)的開始---基于面向?qū)ο蟮腁jax類
  • Node.js獲取前端ajax提交的request信息
  • ASP.NET使用AjaxPro實(shí)現(xiàn)前端跟后臺交互詳解
  • 關(guān)于前端ajax請求的優(yōu)雅方案(http客戶端為axios)

標(biāo)簽:營口 玉樹 益陽 遼寧 四川 本溪 內(nèi)江 銅川

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《前端ajax的各種與后端交互的姿勢》,本文關(guān)鍵詞  前端,ajax,的,各種,與,后端,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《前端ajax的各種與后端交互的姿勢》相關(guān)的同類信息!
  • 本頁收集關(guān)于前端ajax的各種與后端交互的姿勢的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章