首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Laravel 5.8中正确地写一篇Ajax帖子?

在Laravel 5.8中正确地编写一篇Ajax帖子,需要以下步骤:

  1. 首先,确保你已经安装了Laravel 5.8,并且已经设置好了数据库连接。
  2. 创建一个新的路由,用于处理Ajax请求。在routes/web.php文件中添加以下代码:
代码语言:txt
复制
Route::post('/ajax/post', 'PostController@store')->name('ajax.post');
  1. 创建一个新的控制器,用于处理Ajax请求。运行以下命令来生成控制器:
代码语言:txt
复制
php artisan make:controller PostController

app/Http/Controllers/PostController.php文件中,添加以下代码:

代码语言:txt
复制
namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Post;

class PostController extends Controller
{
    public function store(Request $request)
    {
        // 获取Ajax请求中的数据
        $data = $request->all();

        // 创建新的帖子
        $post = new Post;
        $post->title = $data['title'];
        $post->content = $data['content'];
        $post->save();

        // 返回成功响应
        return response()->json(['success' => true]);
    }
}
  1. 在视图中添加Ajax表单。在你的视图文件中,添加以下代码:
代码语言:txt
复制
<form id="postForm" method="POST" action="{{ route('ajax.post') }}">
    @csrf
    <input type="text" name="title" placeholder="标题">
    <textarea name="content" placeholder="内容"></textarea>
    <button type="submit">提交</button>
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#postForm').submit(function(e) {
            e.preventDefault();

            // 获取表单数据
            var formData = $(this).serialize();

            // 发送Ajax请求
            $.ajax({
                url: $(this).attr('action'),
                type: 'POST',
                data: formData,
                success: function(response) {
                    // 处理成功响应
                    alert('帖子已成功提交!');
                },
                error: function(xhr) {
                    // 处理错误响应
                    alert('提交失败,请重试!');
                }
            });
        });
    });
</script>

以上代码中,我们使用了jQuery库来简化Ajax请求的处理。在表单提交时,通过serialize()方法将表单数据序列化,并通过Ajax发送到服务器端。

这样,当用户提交表单时,将会通过Ajax请求将数据发送到PostControllerstore方法中进行处理。在该方法中,我们首先获取Ajax请求中的数据,然后创建一个新的帖子并保存到数据库中。最后,返回一个成功的响应给前端。

请注意,以上代码仅为示例,实际应用中可能需要根据具体需求进行适当的修改和验证。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云数据库(TencentDB)。

  • 腾讯云云服务器(CVM):提供高性能、可扩展的云服务器实例,适用于各种应用场景。了解更多信息,请访问:腾讯云云服务器
  • 腾讯云数据库(TencentDB):提供稳定可靠的云数据库服务,包括关系型数据库(MySQL、SQL Server等)和非关系型数据库(MongoDB、Redis等)。了解更多信息,请访问:腾讯云数据库
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

laravel自定义pagination实现ajax异步翻页

laravel实现翻页太简单了,几行代码就可以搞定,使用起来极其丝滑顺畅。但是由于laravel高度封装了翻页,要对其改造就显得比较尴尬了。...如有些场景下,我们需要异步翻页,看了laravel的文档,没找到相应的方法。如果要通过调用laravel关于翻页的相关方法,手工一个分页,会很繁琐,对于这种操作,我是拒绝的。...既然可以通过修改样式改变分页,那么是不是可以通过js来修改分页的html代码,:将分页a标签的href属性干掉,这样就不会进行跳转。...-- 分页 --> {{ $data->render() }} $('.ajax-page .pagination...前者需要在前端用js进行组装;后者需要新建一个ajax视图文件 综上,就能实现ajax分页了,虽然看下来这种实现方式有点怪,至少需要改动的代码并不多,适合懒人

1.9K30

Sticky Posts Switch插件教程WordPress中为分类添加置顶文章

通过在类别页面上添加粘性帖子,您可以显示该特定类别的特色帖子。在本文中,我们晓得博客将向您展示如何在WordPress中为类别添加置顶文章。...注意:Sticky Post仅适用于内置帖子类型帖子,不适用于自定义帖子类型。  推荐:如何在Xampp中安装PHP GD(GD Graphics Library)什么是置顶帖/文章?  ...(帖子或自定义帖子类型)选择开关图标的颜色显示开关图标的列的自定义顺序仅使用内置的WordPress功能星形图标开关立即使用 ajax帖子保存为置顶状态可选地,将帖子的所有翻译设置为置顶,支持 Polylang...Sticky Posts Switch插件教程WordPress中为分类添加置顶文章  此外还可以选择在主页、帖子存档页面或分类页面(类别和标签)上显示粘性帖子的位置。...推荐:SearchWP Live Ajax Search插件教程WordPress添加Ajax搜索晓得博客,版权所有丨如未注明,均为原创晓得博客 » Sticky Posts Switch插件教程WordPress

5.5K20
  • Laravel 控制器中进行表单请求字段验证

    很多 Web 框架都对此功能专门提供了工具集,Laravel 也不例外,而且这个工具集异常丰富,基本上涵盖了目前主流的所有验证规则,即使是一些非常个性化的验证,也可以基于 Laravel 验证类的扩展功能来自定义验证规则...接下来,我们就一起来看看如何在 Laravel 中对表单请求进行验证。...下面我们分别以 POST 提交表单和 Ajax 请求为例简单演示下验证错误信息的读取,首先来看 POST 提交表单。...Ajax 请求错误信息提示 接下来我们来看 Ajax 请求验证错误信息的获取和提示,我们以上一篇教程中的文件上传为例。...对于大量请求字段,或者复杂的请求验证,都写到控制器方法中显然会导致控制器的代码变得臃肿,可维护性也比较差,所以我们下一篇教程将讨论如何将验证代码移出控制器这一话题,并且根据项目需求灵活实现自定义验证规则

    5.8K10

    Vuebnb:一个用vue.js和Laravel构建的全栈应用

    今年我一直在一本新书叫全栈Vue网站开发:Vue.js,Vuex和Laravel。它会在Packt出版社在2018年初出版。 这本书是围绕着一个案例研究项目,Vuebnb,简单克隆Airbnb。...在这篇文章中,我会把它如何工作做一个高层次的概述,好让你了解如何从零开始参与建设一个Vue/Laravel构建的全栈应用。...为了在会话中持久化状态,我通过Ajax将它发送回存储在数据库中的服务器。通过Laravel的验证接口来验证相关API调用。...在后端和前端之间共享数据 全栈应用程序的关键考虑之一是如何在后端和前端之间进行数据通信,所以我花了相当多的时间来处理这本书中的问题。...关于这本书 从Vuebnb的特点你会有一些涉及全栈Vue网站开发的话题:Vue.js,Vuex和Laravel

    6K10

    Laravel学习教程之request validation的编写

    前言 本文主要给大家介绍了关于Laravel之request validation编写的相关内容,在用laravelapi时,当前端传进来的request是POST/PUT/PATH等method时,...那需要做req/ /uest validation,尽管对于前后端分离程序,前端程序Angular/Vue已经做了validation,但是ajax传过来的json input,在后端也需要做validation...laravel官方文档已经包含了这个feature: Form Request Validation 实现方法如下 这里可以一个JsonRequest: class JsonRequest extends...[]); } public function authorize() { return true; } } 这样就可以在众多Model Controller里使用JsonRequest就行,:...当然最后表时还有model validation,避免坏数据进入db。 最后一点,laravel文档只是说了用法,没有说明原理。

    56100

    我是如何通过开源项目做到年入 80 万的?

    不知道你是否还记得,去年我们曾经在公众号上发布过一篇文章《我是如何通过开源项目月入 10 万的?》...今天重新提起赚钱这个话题,是因为凌晨的时候,我偶然刷到 Hacker News 排名第一的帖子:《我通过 GitHub 赞助商达成年入 10w 刀的成就》: ?...这个帖子有多火,你们看看具体互动数值就知道了:600+ 点赞,200+ 评论,堪称是 HN 上少有的热帖。 我知道你们肯定也对此感兴趣,因此熬夜赶稿,写下了这篇文章(妈的又要秃了)。...在此期间,他偶然读到了一篇文章:《Phoenix LiveView: Interactive, Real-Time Apps....在开源软件能不能赚钱这件事情上,我一直是有话语权的,因为我自己本人曾在 2015 年的时候写过一个开源项目,当时这个项目在各大社区推广后,累积增长了 1000 多 Star(15 年这个 Star 还是有一定含金量的

    98720

    前端需要的免费在线api接口

    ---- theme: smartblue 回想当年刚接触前端,Ajax 真的碰一次就跪一次。当时不懂后端,不知道 api 是什么东东,也没有后端小伙伴接口给我测试。...希望能给刚入门的前端小白在学习 Ajax 时提供一点帮助。 本文列举的在线接口包括:文本 和 图片。 本文案例都是使用 postman 进行测试的,因为我懒得自己 Ajax 代码。...例:添加文章(POST) 使用 POST 发送一篇文章,发送成功会返回一个文章 ID 回来。...http://jsonplaceholder.typicode.com/posts 其他接口(自己试试吧) 帖子接口: 获取帖子列表:http://jsonplaceholder.typicode.com.../posts 根据帖子ID获取详情:https://jsonplaceholder.typicode.com/posts/1 获取某个用户所有的帖子:http://jsonplaceholder.typicode.com

    2.9K20

    Echo 的发帖操作是怎么做的

    因为在进行提交时,页面会发生跳转或刷新,我给帖子点了个赞你页面还需要刷新一下?显然这样用户体验不好。 为此,Ajax 应运而生。...Ajax 会根据我们指定的 url /discuss/add 来找到对应的 Controller 方法,通过 id 选择器获取用户输入的数据,封装成 JSON 字符串发送过去(即帖子的标题和内容:{"title...getJSONString 是我们自己的一个工具类中的方法,通过阿里开源的 fastjson 将服务端返回的消息封装成 JSON 格式的字符串: ?...真正的发帖操作在 Service 层,其实就是一个插入数据库的操作,目前做的还比较简单,帖子的内容只能是普通的文本,后面会考虑支持 MarkDown 的。...另外,这里有一个过滤敏感词的操作,涉及前缀树的设计与使用,后续会单开一篇文章详细讲解。 DiscussPostService.addDiscussPost: ?

    1.2K21

    Laravel 数据库连接配置和读写分离

    今天开始讲如何在 Laravel 中操作数据库,Laravel 为我们提供了多种工具实现对数据库的增删改查,在我们使用 Laravel 提供的这些数据库工具之前,首先要连接到数据库。...随着应用访问量的增长,对数据库进行读写分离可以有效的提升应用整体性能,关于数据库层面的读写分离配置不属于本教程讨论范畴,我们这里只讨论从应用层面如何在 Laravel 项目中配置读写分离连接。...当然,对于 Web 应用而言,大多是读多少,所以你还可以配置多个 read 主机,Laravel 底层的负载均衡机制是随机从配置的 IP 中挑一个连接: 'read' => [ 'host'...针对读写分离数据库的连接,Laravel 数据库底层会自动判断,如果是查询语句会使用读连接,如果是数据库插入、更新、删除等操作会使用连接。...,所以只能查出来我们在上一篇教程中在读数据库中插入的记录。

    5.4K20

    Laravel5.3之Errors Tracking神器——Sentry

    Sentry是一款可用于Production环境的错误跟踪工具,可实时通知Production环境中用户由于一些不可预料行为(或者程序的有问题)导致程序Crash或Exception,Sentry可以通过...这些敏感数据发送到Sentry Cloud,不过公司使用不建议这么做,毕竟这些Exceptions是有很多敏感数据,而这些数据是放在别人家的云服务器上,谁知道会发生什么呢;Sentry Server是Python的...,可以部署在自己的云服务器上AWS或Aliyun,如我司是部署在AWS云上,Sentry官方推荐使用Docker Image来部署。...Sentry提供针对几乎每种语言的平台Sentry Platform,这里介绍下如何在Laravel程序中集成Sentry。...Sentry for Laravel中介绍了如何集成进Laravel,主要就是安装下Sentry Laravel包: // 生产环境也需要这个包,不需要加 --dev composer require

    3.7K71

    JSON Web Token(JWT)教程:一个基于Laravel和AngularJS的例子

    本文原文:JSON Web Token Tutorial: An Example in Laravel and AngularJS 前言 这是一篇介绍JSON Web Token(JWT)的文章,虽然可能用到的例子和...可用于JWT仅在已知系统(企业内部)之间的封闭环境中进行交换的地方。我们可以自定义自己的 claims,user IDs, user roles, 或者其他任何信息。...它通过组合编码的JWT头(header) 和编码的JWT负载(Payload ) 并使用强加密算法(HMAC SHA-256)来生成签名。...当我们向一个API 服务器( server), api.jwt.dev/v1/restricted发出POST请求时,我们正在进行跨域请求,并且必须在后端启用CORS。...在进行AJAX调用时,要获得一些视觉反馈,我们将使用angular-loading-bar script来拦截XHR请求并创建一个加载栏。

    30.6K10

    php基础(一)

    global 关键字,引用全局变量,wordpress中大量用到,面向过程开发。...4.谈一谈 PHP 开源框架 CI,ThinkPHP,Laravel 的优缺点及选型依据 CI非常轻量级,是一个简单的MVC框架,性能也很快。...AOF 持久化记录服务器执行的所有操作命令,并在服务器启动时,通过重新执行这些命令来还原数据集。 AOF 文件中的命令全部以 Redis 协议的格式来保存,新命令会被追加到文件的末尾。...单例模式,观察者模式等等 单例模式 10.一段代码,实现PHP内部的通知机制,当一个类的属性发生变化时,另外一个类就可以收到通知。 观察者模式的应用,使用代码示例说明。...> Ajax发jsonp请求: $.ajax({ url: "http://api.flickr.com/services/rest/?

    2.1K20

    如何将Pjax整合进网站,实现全站无刷新加载?

    pjax工作原理 用大白话来说,就是ajax的升级版--可以动态记录历史记录的ajax技术。...我们之前用ajax来做无刷新分页,一个最大的不足之处就是无法通过uri来标识这个资源以及历史记录倒退问题,通过利用html5 pushState的api,我们可以轻松达到发送ajax请求的同时,动态的记录状态...if($this->is_pjax()){ return view('index_pjax');//返回pjax的模板 } return view('index');//返回正常的模板 这里用laravel...多说评论框无法正常使用。 解决:用pjax的加载完成后的回调函数再次绑定即可!...dus).html(el); } } 进一步优化 过渡动画效果: pjax.js提供了两个api: //用css+js你的过渡动画效果

    4.1K90

    Laravel利用redis和定时任务实现活跃用户统计

    最近在Summer的《Laravel教程-Web开发实战进阶》学到很多东西,以前只会看文档,大概了解Laravel的内容而在实际运用中确不知道该怎样做,碰到一个需求不会立马联想到“这个东西可以用...实现...不是有句话”实践是检验真理的唯一标准“ 所以学习编程还是要多实践多项目,不然就像我一样拿到东西不知道怎样运用 废话不多,今天分享一下利用redis和定时任务实现活跃用户统计 如果你对redis和定时任务不了解建议去补一下...linux和redis 以及laravel的任务调度 活跃用户算法 我们规定系统每个小时,统计最近7天用户所发表的帖子数和评论数。...用户发布帖子+4分 用户发布评论+1分 最后计算所有人的得分进行倒序排序 取前八个用户显示在主页活跃用户栏 类似 需求已经明确我们开始编写代码,不过在编写代码之前我们需要.env中指定缓存驱动为redis...calculate-active-user CalculateActiveUse是一个命令类,存放在app/Console/Commands/在这里面键入命令相关逻辑 --command=为我们今后要调用的命令名

    93020

    浅谈PHP与MySQL开发

    PHP常常用来开发网页,或者网页后台,其学习成本相对其他语言较低,学习路线不会很陡峭,并且拥有ThinkPHP和Laravel成熟框架可供进行开发....Web应用安全性 Web应用安全风险 构建安全的Web应用 数据库安全 PHP身份验证 PHP框架 Smarty模板 Zend Framework框架 ThinkPHP框架 Laravel...Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。 Ajax 是一种用于创建快速动态网页的技术。...jQuery设计的宗旨是“write Less,Do More”,即倡导更少的代码,做更多的事情。...jQuery兼容各种主流浏览器,IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等 正在进行jQuery的学习,稍后我会更新此处 结束语 如果您对这篇文章有什么意见或者建议

    2.3K150

    php二次开发知识,Discuz二次开发基本知识详细讲解

    Discuz是国内最流行的论坛软件管理系统,今天小编跟大家分享一篇关于Discuz二次开发基本知识详细讲解,感兴趣的朋友跟小编一起来了解一下吧! 一) Discuz!...”管理员,或“admin==2 || admin==3”超级版主和版主,每个Action对应一个脚本文件,脚本文件的命名为action.inc.php(*.inc.php),并存放在admin目录下,执行...action=dodo,相当于执行admin目录下的dodo.inc.php文件 b) 前台流程控制:前台的流程控制比较简单:流程是自由的,: 首页:index.php 会员注册:register.php...部分文件说明: admincp.php 管理 ajax.php ajax功能 announcement.php 公告 attachment 附件 board.php 真正的首页 config.inc.php...ajax相关 attachment.func.php 附件函数集 bbscode.js 论坛表情 cache.fun.php 缓存函数集 category.inc.php 栏目 chinese.class.php

    5K20
    领券