Rumah > Artikel > rangka kerja php > Laravel - Ajax
Laravel - Ajax
- PHPzasal
- 2024-08-27 10:50:27729semak imbas
Ajax (JavaScript Asynchronous dan XML) ialah satu set teknik pembangunan web yang menggunakan banyak teknologi web yang digunakan pada bahagian pelanggan untuk mencipta aplikasi Web tak segerak. Import perpustakaan jquery dalam fail paparan anda untuk menggunakan fungsi ajax jquery yang akan digunakan untuk menghantar dan menerima data menggunakan ajax dari pelayan. Di bahagian pelayan, anda boleh menggunakan fungsi respons() untuk menghantar respons kepada klien dan untuk menghantar respons dalam format JSON, anda boleh merantai fungsi respons dengan fungsi json().
json() sintaks fungsi
json(string|array $data = array(), int $status = 200, array $headers = array(), int $options)
Contoh
Langkah 1 − Buat fail paparan yang dipanggil resources/views/message.php dan salin kod berikut dalam fail tersebut.
<html>
<head>
<title>Ajax Example</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
function getMessage() {
$.ajax({
type:'POST',
url:'/getmsg',
data:'_token = <?php echo csrf_token() ?>',
success:function(data) {
$("#msg").html(data.msg);
}
});
}
</script>
</head>
<body>
<div id = 'msg'>This message will be replaced using Ajax.
Click the button to replace the message.</div>
<?php
echo Form::button('Replace Message',['onClick'=>'getMessage()']);
?>
</body>
</html>
Langkah 2 − Buat pengawal yang dipanggil Laravel - Ajax dengan melaksanakan arahan berikut.
php artisan make:controller Laravel - Ajax --plain
Langkah 3 − Selepas pelaksanaan berjaya, anda akan menerima output berikut −
Langkah 4 − Salin kod berikut dalam
app/Http/Controllers/Laravel - Ajax.php fail.
app/Http/Controllers/Laravel - Ajax.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests;
use App\Http\Controllers\Controller;
class Laravel - Ajax extends Controller {
public function index() {
$msg = "This is a simple message.";
return response()->json(array('msg'=> $msg), 200);
}
}
Langkah 5 − Tambahkan baris berikut dalam app/Http/routes.php.
app/Http/routes.php
Route::get('ajax',function() {
return view('message');
});
Route::post('/getmsg','Laravel - Ajax@index');
Langkah 6 − Lawati URL berikut untuk menguji kefungsian Ajax.
http://localhost:8000/ajax
Langkah 7 − Anda akan dialihkan ke halaman di mana anda akan melihat mesej seperti yang ditunjukkan dalam imej berikut.
Langkah 8 − Output akan muncul seperti yang ditunjukkan dalam imej berikut selepas mengklik butang.
Atas ialah kandungan terperinci Laravel - Ajax. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!