Posted php涓枃缃戣绋?/a>

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了相关的知识,希望对你有一定的参考价值。

php涓枃缃戣绋?/span>

姣忔棩17鐐瑰噯鏃舵妧鏈共璐у垎浜?/span>

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢? data-fail=

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢? data-fail=

澹版槑

鏈枃鍙槸闆舵暎鐨勫簲鐢ㄦ暀绋嬶紝榛樿 Laravel 椤圭洰宸茬粡瀹夎瀹屾垚锛屽苟姝e父杩愯锛?/span>

Ajax 鐨勪娇鐢?/span>

鍒涘缓鎺у埗鍣?/span>

鍦ㄩ」鐩牴鐩綍涓嬭繍琛屽懡浠?/span>

php artisan make:controller TestController

鍒涘缓鎴愬姛浼氭彁绀?nbsp;Controller created successfully.
鍒涘缓鎴愬姛鍚庝細鍦?nbsp;app/Http/Controllers/ 鐩綍涓嬬敓鎴?nbsp;TestController.php 鏂囦欢
鍦?nbsp;
TestController.php 鏂囦欢涓姞鍏?/span>

public function index(){ return view('test');}public function testAjax(){ echo '璇锋眰鎴愬姛浜?;die;}

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?><br></p> 
<h3 class=鍒涘缓瑙嗗浘鏂囦欢

鍦?nbsp;resources/views 鐩綍涓柊寤轰竴涓鍥炬枃浠?nbsp;test.blade.php

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<p class=鏂囦欢涓殑鍐呭濡備笅

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<h3 class=璺敱閰嶇疆

鎵撳紑璺敱鏂囦欢 routes/web.php 锛岄粯璁よ矾鐢卞涓嬶細

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<p class=涓嬫柟鏂板涓€鏉″睍绀烘祴璇?Ajax 椤甸潰鐨勮矾鐢?/span>

Route::get('test', [TestController::class, 'index'])->name('test.index');

鏂板涓€鏉℃帴鏀?Ajax 璇锋眰鐨勮矾鐢?/span>

Route::post('test', [TestController::class, 'testAjax'])->name('test.ajax');

鏇村璺敱鐩稿叧鍐呭璇锋煡鐪嬫枃妗?璺敱銆奓aravel 8 涓枃鏂囨。銆?/span>

澧炲姞杩涘叆娴嬭瘯椤甸潰鐨勫叆鍙?/span>

鎵撳紑 resources/views/welcome.blade.php 鏂囦欢锛屾壘鍒板ぇ姒?111 琛岀殑浣嶇疆锛?/span>

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢? class=

澶嶅埗鍐呭锛屼慨鏀逛负闇€瑕佺殑娴嬭瘯椤甸潰鍏ュ彛

<a href="{{route('test.index')}}" class="ml-1 underline"> 娴嬭瘯鍏ュ彛</a>

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?><br></p> 
<p class=淇濆瓨鍚庡埛鏂伴〉闈紝灏辫兘鐪嬪埌娴嬭瘯鍏ュ彛浜?/span>

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<p class=鐐瑰嚮娴嬭瘯鍏ュ彛锛岃繘鍏ユ祴璇曢〉闈紝浼氱湅鍒颁互涓嬪唴瀹?/span>

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<h3 class=淇敼椤甸潰鍐呭

灏嗕笅杞藉ソ鐨?nbsp;jquery.min.js 鏀惧叆 public/assets/ 鐩綍涓?/span>

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<p class=淇敼 resources/views/test.blade.php 鏂囦欢鐨勫唴瀹?/span>

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Test Ajax</title> <script src="{{asset('assets/jquery.min.js')}}"></script></head><body> 杩斿洖鐨勫唴瀹?<p style="color: red" class="response-message"></p> <form method="post" action="{{route('test.ajax')}}"> {!! csrf_field() !!} 鎻愪氦鐨勫唴瀹癸細<input type="text" name="text"> <span class="submit-btn">鎻愪氦</span> </form></body><script> $('.submit-btn').click(function () { let url = $(this).closest('form').attr('action'); let formData = $(this).closest('form').serialize(); $.post(url,formData,function (response) { $('.response-message').text(response); }) })</script></html>

鐐瑰嚮娴嬭瘯椤甸潰鐨?nbsp;鎻愪氦 鍙互鐪嬪埌鎺у埗鍣ㄤ腑 testAjax() 杩斿洖鐨勫唴瀹瑰凡缁忔樉绀哄湪椤甸潰涓?/span>

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<p class=PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<h3 class=淇敼鎺у埗鍣ㄤ腑鎺ユ敹璇锋眰鎺ュ彛鐨勫唴瀹?/span>

鏂囦欢璺緞 app/Http/Controllers/TestController.php 鍘熷唴瀹?/span>

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<p class=淇敼鍚庣殑鍐呭锛?/span>

PHP+Laravel鐨勭畝鍗曞簲鐢ㄦ暀绋嬧€攁jax鐨勪娇鐢?></p> 
<h3 class=淇敼鍓嶇椤甸潰

鏂囦欢璺緞 resources/views/test.blade.php

$('.submit-btn').click(function () { let url = $(this).closest('form').attr('action'); let formData = $(this).closest('form').serialize(); $.post(url,formData,function (response) { let responseData = response.data; let appendStr = '<span style="border: 1px solid blue">'+responseData.text+'</span>'; $('.response-message').empty().append(appendStr); })})

淇濆瓨鍚庡湪椤甸潰杈撳叆妗嗕腑杈撳叆鍐呭锛岀偣鍑绘彁浜ゅ悗鍗冲彲鐪嬪埌鏈€鏂板唴瀹?/span>

缁撹

鏈枃璁茬殑鏄熀纭€鐨勬帴鍙e簲鐢紝杩樻湁姣斿 Vue銆丷ecat銆乵ui 绛夐」鐩腑璇锋眰鎺ュ彛鐨勭ず渚嬭鑷浜嗚В

鈻?/span>璇风偣鍑讳笅鏂癸細鈥滈槄璇诲師鏂団€濓紝鍦ㄧ嚎鏌ョ湅锛?/span>

以上是关于的主要内容,如果未能解决你的问题,请参考以下文章

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

片段和活动之间的核心区别是啥?哪些代码可以写成片段?

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——声明函数

VSCode自定义代码片段8——声明函数