PHP+Laravel的簡單應(yīng)用教程【ajax的使用】PHP·拉弗爾的簡單應(yīng)用教程【阿賈克斯的使用】，下面由Laravel框架教程欄目給大家介紹PHP Laravel的簡單應(yīng)用教程【阿賈克斯的使用】,希望對需要的朋友有所幫助！

聲明

本文只是零散的應(yīng)用教程，默認(rèn)Laravel項目已經(jīng)安裝完成，并正常運(yùn)行；

Ajax 的使用

創(chuàng)建控制器

在項目根目錄下運(yùn)行命令

PHP工匠制作：控制器測試控制器創(chuàng)建成功會提示控制器創(chuàng)建成功。

創(chuàng)建成功后會在app/Http/Controllers/目錄下生成TestController.php文件

在TestController.php文件中加入

公共函數(shù)索引(){

返回視圖(‘ test ‘)；}公共函數(shù)TestJax(){

“回聲”請求成功了；死去；}

創(chuàng)建視圖文件

在資源/視圖目錄中新建一個視圖文件test.blade.php

文件中的內(nèi)容如下

路由配置

打開路由文件routes/web.php，默認(rèn)路由如下：

下方新增一條展示測試埃阿斯頁面的路由

Route:get(‘test ‘，[test controller :3360 class，’ index ‘])-name(‘ test。索引’)；新增一條接收埃阿斯請求的路由

Route:post(‘test ‘，[test controller :3360 class，’ Testjax ‘])-name(‘ test。Ajax’)；更多路由相關(guān)內(nèi)容請查看文檔路由《Laravel 8 中文文檔》

增加進(jìn)入測試頁面的入口

打開資源/視圖/歡迎。刀鋒。PHP文件，找到大概111 行的位置：

復(fù)制內(nèi)容，修改為需要的測試頁面入口

a href=’ { { route(‘ test。索引’)} ‘ class=’ ml-1下劃線’

測試入口/a

保存后刷新頁面，就能看到測試入口了

點(diǎn)擊測試入口，進(jìn)入測試頁面，會看到以下內(nèi)容

修改頁面內(nèi)容

將下載好的jquery.min.js放入公共/資產(chǎn)/目錄下

修改資源/視圖/測試。刀鋒。PHP文件的內(nèi)容

！DOCTYPE htmlhtmlhead

meta charset=’utf-8 ‘

標(biāo)題測試Ajax/標(biāo)題

腳本src=’ { { asset(‘ assets/jquery。分鐘。js ‘)} } ‘/腳本/頭體

返回的內(nèi)容： p style=’ color : red ‘ class=’ response-message ‘/p

form method=’ post ‘ action=’ { { route(‘ test。Ajax ‘)} } ‘

{!csrf_field()！}

提交的內(nèi)容：輸入類型=’text ‘名稱=’text ‘

span class=’submit-btn ‘提交/span

/form/bodyscript

$(‘.提交-BTN ‘).click(function () {

讓url=$(this).最接近(‘ form ‘).attr(‘ action ‘)；

讓formData=$(this).最接近(‘ form ‘).連載

$。post(url，formData，function (response) {

$(‘.響應(yīng)消息’)。文本(回復(fù));

})

})/script/html點(diǎn)擊測試頁面的提交可以看到控制器中testAjax()返回的內(nèi)容已經(jīng)顯示在頁面上

修改控制器中接收請求接口的內(nèi)容

文件路徑app/Http/Controllers/Testcontroller。PHP原內(nèi)容

修改后的內(nèi)容：

修改前端頁面

文件路徑資源/視圖/測試。刀鋒。PHP

$(‘.提交-BTN ‘).click(function () {

讓url=$(this).最接近(‘ form ‘).attr(‘ action ‘)；

讓formData=$(this).最接近(‘ form ‘).連載

$。post(url，formData，function (response) {

讓responseData=response.data

let appendStr=’ span style=’ border : 1px純藍(lán)’ ‘響應(yīng)數(shù)據(jù)。文本’/span ‘；

$(‘.響應(yīng)消息’)。空()。append(appendStr)；

})})保存后在頁面輸入框中輸入內(nèi)容，點(diǎn)擊提交后即可看到最新內(nèi)容

結(jié)語

總結(jié)

以上是生活随笔為你收集整理的PHP在WPS中的应用,PHP+Laravel的简单应用教程【ajax的使用】,wps的使用教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。