Laravel - Ajax
Ajax (Asynchronous JavaScript and XML)是一组Web开发技术，利用客户端使用的许多Web技术来创建异步Web应用程序。 在视图文件中导入jquery库以使用jquery的ajax函数，这些函数将用于使用服务器中的ajax发送和接收数据。 在服务器端，您可以使用response（）函数向客户端发送响应，并以JSON格式发送响应，您可以使用json（）函数链接响应函数。
json() function syntax
json(string|array $data = array(), int $status = 200, array $headers = array(), int $options)
例子 (Example)
Step 1 - 创建名为resources/views/message.php的视图文件，并在该文件中复制以下代码。
<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>
Step 2 - 通过执行以下命令创建一个名为AjaxController的控制器。
php artisan make:controller AjaxController --plain
Step 3 - 成功执行后，您将收到以下输出 -
Step 4 - 复制以下代码
app/Http/Controllers/AjaxController.php文件。
app/Http/Controllers/AjaxController.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests;
use App\Http\Controllers\Controller;
class AjaxController extends Controller {
public function index(){
$msg = "This is a simple message.";
return response()->json(array('msg'=> $msg), 200);
}
}
Step 5 - 在app/Http/routes.php添加以下行。
app/Http/routes.php
Route::get('ajax',function(){
return view('message');
});
Route::post('/getmsg','AjaxController@index');
Step 6 - 访问以下URL以测试Ajax功能。
http://localhost:8000/ajax
Step 7 - 您将被重定向到一个页面，您将在其中看到如下图所示的消息。
Step 8 - 单击按钮后，输出将如下图所示。
