Question

我想在Laravel 5.3中使用Ajax插入数据。但是当我按下提交按钮屏幕时会刷新。

我的代码

$(document).ready(function(){
  //button id//  
  $('#submit').click(function(){

    //form id// 
    $('#new_form').submit(function(e){

      e.preventDefault();
      var name = $('#name').val();
      $.ajax({
        type: "POST",
        url: "/store_form", //controller function
        data: "name="+ name ,
        success: function(){
         alert("sucess");
        });
      });
   });
});

我怎么能这样做？

Answer 1

删除按钮行$（＆＃39;＃submit＆＃39;）。点击（...

只留下代码如下

$(document).ready(function(){
//form id// 
$('#new_form').submit(function(e){

  e.preventDefault();
  var name = $('#name').val();
  $.ajax({
    type: "POST",
    url: "/store_form", //controller function
    data: "name="+ name ,
    success: function(){
     alert("sucess");
    });
  });
});

Answer 2

您可以替换

$('#submit').click(function(){
//form id// 
$('#new_form').submit(function(e){

只有

 $('#new_form').submit(function(e){  if you are talking about same form and submit button is ```<input type=submit``` and if there are two forms

你可以$('#new_form, #new_form2').submit(function(e){

使用{!! Html::script('js/script.js') !!}添加illuminate的js 如果您仍然遇到问题，请发布错误以及PHP代码。

使用Ajax存储数据

2 个答案: