将数据从 Javascript 传递到 Laravel 控制器答案

【问题标题】：passing data from Javascript to Laravel controller将数据从 Javascript 传递到 Laravel 控制器
【发布时间】：2016-05-05 14:53:03
【问题描述】：

当我运行以下代码时，我收到了MethodNotAllowedHttpException 的错误：

<h1>Temp Form</h1>
<form method="post" action="" role="form">
  <input type="hidden" name="_token" value="{{ csrf_token() }}">
  <div class="panel panel-default ">
    <div class="container">
      <div class="panel-body">
        <div class="form-group">
          <label for="firstName">First Name *</label>
          <input name="fname" type="text" class="form-control" id="firstName" placeholder="Enter First Name" required>
        </div>
        <div class="form-group">
          <label for="lastName">Last Name *</label>
          <input name="lname" type="text" class="form-control" id="lastName" placeholder="Enter Last Name" required>
        </div>
        <div class="form-group">
          <label for="qualification">Qualification *</label>
          <input name="qualification" type="text" class="form-control" id="qualification" placeholder="BE, MCA, MBA Etc." required>
        </div>
        <div class="form-group">
          <label for="emailAddress">Email address *</label>
          <input name="email" type="email" class="form-control" id="emailAddress" placeholder="Enter Email" required>
        </div>
        <div class="form-group">
          <label for="contactmessage">Message</label>
          <textarea name="desc" type="text" class="form-control" id="contactmessage" placeholder="Message" rows="2"></textarea>
        </div>
        <input type="submit" id="add" class="btn btn-primary" onclick="addUpdateData(id)" value="Add"></button>
      </div>
    </div>
  </div>
</form>

routes.php 代码：

Route::post('welcome/addupdate','FormController@addUpdateData');

控制器代码：

 public function addUpdateData(Request $req)
 {
    $id = $req->input('id');
    if($id=="add")
    {
        $bs = new Basicusers;

        $bs->fname = $req->fname;
        $bs->lname = $req->lname;
        $bs->qualification = $req->qualification;
        $bs->email = $req->email;
        $bs->desc = $req->desc;

        $bs->save();

        return "Data Successfully Added";
    }
  }

我想要的是，当用户点击添加按钮时，变量data add 中的值被传递，在控制器上，我将检查变量的值，如果它是add，我将执行添加操作。

同时，如果用户单击表单下方提供的edit 按钮，该行将填充表单元素，并且添加按钮更改为更新按钮，变量data 的值现在将变为update我要执行更新操作...

使用 POST 方法传递数据时出现错误而且我不知道如何使用 POST 方法获取数据..

对于 GET 方法，我正在使用 $id = Input::get('id'); 方法及其工作

这里是 JavaScript 函数：

function addUpdateData(data) {
  $(function() {
    $.ajax({
      method: "post",
      url: "welcome/addupdate",
      data: {
        id: data
      },
      success: function(response) {
        alert(response);
      }
    });
  });
}

【问题讨论】：

使用 Ajax 实现您的功能
可以分享addUpdateDatajavascript函数的代码吗？
JavaScript 函数在代码中被编辑
Ajax 已经被使用...

标签： javascript php laravel-5

【解决方案1】：

尝试在您的 ajax 请求中使用绝对路径：url: "/welcome/addupdate"

【讨论】：

【解决方案2】：

为您的表单添加一些 ID（例如 #form）并将表单中的序列化数据传递给 addUpdateData 函数。

$('#add').on('click', function(e) {
  e.preventDefault();

  var data = $('#form').serialize();

  addUpdateData(data);
});

还将一个输入字段作为隐藏类型添加到表单中，该表单应具有现有资源的 ID。然后在控制器操作上，您可以获得传递数据的数组，如果资源的 ID 存在，则执行更新。如果没有，则创建它们。

【讨论】：