在Lavarel框架中ajax需要怎么提交表单

这次给大家带来在Lavarel框架中ajax需要怎么提交表单,在Lavarel框架中ajax提交表单的注意事项有哪些,下面就是实战案例,一起来看一下。

laravel简介:

Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁、富于表达力。“开发”应当是一项富有创造性的脑力劳动,而不是枯燥的“垒代码“。

开门见山,因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,所以当你用ajax提交表单时候自然也要加。

在网上看了很多的解决方式,我是用下面这种方法解决的:

1,首先在模板里面加上一个meta  :


登录后复制

2,然后在ajax方法里面加

headers: {'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')},

登录后复制

这是ajax的方法,发现了很好用的jquery的函数,$().serialize()和$().serializeArray(),代码中我用的是后者,可以获取form表单中的数据,并且能直接通过ajax传输,简直太神奇了!!!(孤陋寡闻让大家见笑了)

$(form[1]).submit(function(event){    var data = $(form[1]).serializeArray();    // console.log(data);    $.ajax({      type:'post',      url:'/basic',      data:data,      headers: {  'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')},      success:function(msg){        if (msg) {          $('.basicEdit').hide();          $('.basicShow').show();          $('.basicShow span').html(data[1].value+' | '+data[2].value+' | '+data[3].value+' | '+data[4].value+'
'+data[5].value+' | '+data[6].value+' | '+data[7].value); } }, }); // event.preventDefault(); return false; });

登录后复制

3然后在控制器方法中获取数据了,直接$req->你的表单name就行了.

public function basic(Request $req){   // return $req->gender;   $uid = Auth::user()->uid;   // return $uid;   // $inf = new AppInfo;   $inf = Info::where('uid',$uid)->first();   // return $inf;   $inf->name = $req->name;   $inf->gender = $req->gender;   $inf->topDegre = $req->topDegre;   $inf->workyear = $req->workyear;   $inf->tel = $req->tel;   $inf->email = $req->email;   return $inf->save()?"ok":"fail";  }

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

Ajax怎么操作post请求跳转页面

Ajax打开新窗口被拦截时如何处理

以上就是在Lavarel框架中ajax需要怎么提交表单的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2775979.html

(0)
上一篇 2025年3月8日 14:36:56
下一篇 2025年3月8日 14:37:15

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Ajax实现加载进度条的步奏详解

    这次给大家带来Ajax实现加载进度条的步奏详解,Ajax实现加载进度条的注意事项有哪些,下面就是实战案例,一起来看一下。 ajax beforeSend: 先说说这个 beforeSend, 在请求发送前执行 比如 可以判断用户有没有登录 …

    编程技术 2025年3月8日
    200
  • Ajax怎么做出关键字智能匹配搜索

    这次给大家带来Ajax怎么做出关键字智能匹配搜索,Ajax做出关键字智能匹配搜索的注意事项有哪些,下面就是实战案例,一起来看一下。 准备数据keyword.json:(这里只贴出部分数据) [ {“id”:1,”initial”:”ad”,…

    2025年3月8日
    200
  • 使用Ajax实现根据人力资源系统数据增加OA账号的方法

    这次给大家带来使用Ajax实现根据人力资源系统数据增加OA账号的方法,使用Ajax实现根据人力资源系统数据增加OA账号的的注意事项有哪些,下面就是实战案例,一起来看一下。 本次小飞鱼开发的程序主要解决某下属公司在人力系统中增加账号不能马上审…

    2025年3月8日
    200
  • ajax操作图层遮挡页面

    这次给大家带来ajax操作图层遮挡页面,ajax操作图层遮挡页面的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 相信每位开发者都应该有所了解,当用户发出AJAX请求时,如果长时间处于请求阶段,而没有给出用户回应,会给用户造成错觉,…

    编程技术 2025年3月8日
    200
  • ajax跨域访问报错501怎么处理

    这次给大家带来ajax跨域访问报错501怎么处理,处理ajax跨域访问报错的注意事项有哪些,下面就是实战案例,一起来看一下。 问题:ajax跨域访问报错501 运行下面的代码会报错501 $.ajax({ type: “POST”, url…

    编程技术 2025年3月8日
    200
  • Ajax加载数据时页面出现短暂空白

    这次给大家带来Ajax加载数据时页面出现短暂空白,解决Ajax加载数据时页面出现短暂空白的注意事项有哪些,下面就是实战案例,一起来看一下。 在项目中用ajax异步获取数据后有时会因为数据问题或者网络问题,页面一直显示空白,现在用加载图片来过…

    2025年3月8日
    200
  • ajax的参数过长无法提交如何处理

    这次给大家带来ajax的参数过长无法提交如何处理,处理ajax参数过长无法提交的注意事项有哪些,下面就是实战案例,一起来看一下。 查了很多资料都说,get方法的参数是有限制的,post方法的参数的长度是无限制,这也是post相比get的优势…

    编程技术 2025年3月8日
    200
  • 在Ajax中怎样清除缓存

    这次给大家带来在Ajax中怎样清除缓存,在Ajax中清除缓存的注意事项有哪些,下面就是实战案例,一起来看一下。 1、在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“If-Modified-Since”,”…

    编程技术 2025年3月8日
    200
  • AJAX请求数组应该如何实现

    这次给大家带来AJAX请求数组应该如何实现,AJAX请求数组的注意事项有哪些,下面就是实战案例,一起来看一下。 大家应该都发现了当我们发送AJAX请求的数据中带有数组时,是不能像普通JSON数据一样,直接放在data里发送给后台 比如有这样…

    2025年3月8日
    200
  • ajax异步提交表单有哪几种方法

    这次给大家带来ajax异步提交表单有哪几种方法,ajax异步提交表单的注意事项有哪些,下面就是实战案例,一起来看一下。 这里介绍三种常用的提交方式 方式一 手工收集所有的用户输入,封装为大的“k1=v1&k2=v2…”键值对形式,使…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论