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

聲明

本文只是零散的應用教程，默認Laravel項目已經安裝完成，并正常運行；

Ajax 的使用

創建控制器

在項目根目錄下運行命令

PHP工匠制作：控制器測試控制器創建成功會提示控制器創建成功。

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

在TestController.php文件中加入

公共函數索引(){

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

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

創建視圖文件

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

文件中的內容如下

路由配置

打開路由文件routes/web.php，默認路由如下：

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

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

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

增加進入測試頁面的入口

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

復制內容，修改為需要的測試頁面入口

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

測試入口/a

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

點擊測試入口，進入測試頁面，會看到以下內容

修改頁面內容

將下載好的jquery.min.js放入公共/資產/目錄下

修改資源/視圖/測試。刀鋒。PHP文件的內容

！DOCTYPE htmlhtmlhead

meta charset=’utf-8 ‘

標題測試Ajax/標題

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

返回的內容： p style=’ color : red ‘ class=’ response-message ‘/p

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

{!csrf_field()！}

提交的內容：輸入類型=’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) {

$(‘.響應消息’)。文本(回復);

})

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

修改控制器中接收請求接口的內容

文件路徑app/Http/Controllers/Testcontroller。PHP原內容

修改后的內容：

修改前端頁面

文件路徑資源/視圖/測試。刀鋒。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純藍’ ‘響應數據。文本’/span ‘；

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

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

結語

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。