前後端互動AJAX

2021-10-18 04:16:04 字數 1199 閱讀 1024

本著助人為樂的思想,認識了一些前端的初學者,幫助他們更快的步入到前端這個乙個行業。今天呢,我想要說的主題是:工作中的前後端互動

1.古老的表單提交

這種形式呢,比較早,以後端為主。前端提交表單,後端驗證(jsp,request.getparameter(""))。這種方式後端做的比較多,我就不特別說明了。

2.ajax的資料提交

這種形式呢,現在用的較多。後端基本就做介面,做許可權,其他的都交由前端去完成。這個呢就是我們今天主要說的。

3.表單和ajax結合

適合的才是最好的。這點我深信不疑

常見的幾種方式,我已經說明了。接下來我們談一談我們需要什麼東西。

***:這是我的介面。我要怎麼做我的頁面啊。邏輯怎麼寫。

ln:katex parse error: expected '}', got 'eof' at end of input: …ata: ,//這個是乙個驗證是否重名的介面。引數只有乙個 名字

).done(function(data)else if(data.object0)else

}else if(data.code == -2)else if(data.code == -5)else

}).fail(function(a,b,c))

1.呼叫

最簡單的呼叫方法$(selector).on(「click」,function())。

但是我們有的時候用的不是click.

blur 失去焦點的時候觸發

change 失去焦點然後判斷是否改變,改變觸發

keydown keyup 按下抬起(這個是最好的,但是要用去抖)

2.done(function(){})

這個裡面一般來說,就是我們用得到的資料去和我們的dom節點做一些操作。這個每個專案都不一樣。但是肯定都和dom的操作啦渲染啦有關。

我簡單的解釋一下上面這個**,.done()裡面的**肯定每次都不一樣。所以說肯定不能網上隨便複製乙個就可以,和公司的後端人員問清楚每乙個引數的作用意義,對於寫**是特別有幫助的。從介面文件可以看出,這個人後端十分的懶,我所有的引數都是訪問了以後然後自己猜出來的。

場景有上面的兩個,我覺得已經可以了。就不在寫了

文章的最後我們來說一下 呼叫 和 .done事件裡面的** 雖然這兩個沒有關係。

前後端資料互動技術 AJAX(一)

ajax的全稱是 asynchronous j ascript and xml 非同步j ascript和xml 通俗的理解 在網頁中利用xmlhttprequest物件和伺服器進行資料互動的方式,就是ajax。之前所學的技術,只能把網頁做得更美觀漂亮,或新增一些動畫效果,但是ajax能讓我們輕鬆實...

前後端互動

剛進公司,對這些都不是很了解,這篇部落格講的很清楚,在此轉給自己,感謝szmacbook 1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是...

前後端互動

xmlhttprequest物件 ajax的基本使用 xhr.onload function 使用post傳參,是需要設定頭部資訊 把資料放到form中的三個好處 引數1 屬性名 自定義 引數2 屬性值 form.img file 將需要上傳的檔案資訊,新增到form中 form.name 張三 g...