Question

我收到了这个错误，我试图修复但没有成功

在控制台

中

xhr.send( options.hasContent && options.data || null );//error

JS

var data_id;
$(document).ready(function() {
  $.ajaxSetup({
    headers: {
      'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
    }
  });
  $(".edit_cost").click(function() {
    data_id = $(this).closest('div.portlet').attr('data-id');
  });
  $(".submit_cost").on('click',function(e) {
    e.preventDefault();
  var type = $(".cost_form").find('input[name="type"]').val();
  var cost = $(".cost_form").find('input[name="cost"]').val();
  var revenue = $(".cost_form").find('input[name="revenue"]').val();
  var profit = $(".cost_form").find('input[name="profit"]').val();
  var data =  $("form.cost_form").serialize();
  alert(data);
    $.ajax({
      url: "/partA-edit-cost",
      type: "POST",
      data: {
       // 'types': type,
       //'cost': cost,
       // 'revenue': revenue,
       // 'profit': profit,
       // 'data_id': data_id
      // 'data' : data
      },
      error: function(data) {
        console.log(data);
      },
      success: function(log) {
        console.log(log);
      }
    })
  });
});

路线

 Route::post('/partA-edit-cost', 'CostController@editCost');

HTML

  @foreach($costs as $widget)
    <li data-row="1" data-col="1" data-sizex="3" data-sizey="3">
      <div class="portlet portlet-sortable light bordered ui-widget-content ui-resizable" data-id="{{$widget->id }}" data-find="{{$widget->id.$widget->name }}" data-name="{{ $widget->name }}">
        <div class="portlet-title ui-sortable-handle">
          <div class="caption font-green-sharp">
             <i class="fa fa-money"></i>
             <span class="caption-subject bold uppercase">{{ $widget->name }}</span>
          </div>
          <div class="actions">
            <a href="javascript:;" class="btn btn-circle btn-default btn-sm remove">
            <i class="fa fa-trash-o"></i> Remove </a>
            <div class="btn-group">
              <button type="button" class="btn btn-primary edit_cost" data-toggle="modal" data-target="#cost"><i class="fa fa-edit" data-button ="{{$widget->id}}"></i>Edit</button>
            </div>
            <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;"></a>
          </div>
        </div>
        <div class="portlet-body">
          <div>{!! html_entity_decode($widget->api) !!}</div>
        </div>
      </div>
    </li>
  @endforeach



  <div class="modal fade bs-example-modal-sm cost" id="cost" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm" id="cost">
    <div class="modal-content">
      <div class="col-md-12" style="width:500px;">
        <div class="portlet box white">
          <div class="portlet-title">
            <div class="caption">
              <i class="fa fa-gift"></i>Edit Cost
            </div>
          </div>
          <div class="portlet-body form">
            <!-- BEGIN FORM-->
            <form action="/partA-edit-cost" class="cost_form" method="POST">

              <div class="form-actions top">
                <button type="submit" class="btn green submit_cost">Submit</button>
                <button type="button" class="btn default">Cancel</button>
              </div>
              <div class="form-body">
                <div class="form-group">
                    <label class="control-label">Type</label>
                    <input type="text" name="type" class="form-control type" placeholder="Enter Cost type">
                </div>
                <div class="form-group">
                    <label class="control-label">Cost</label>
                    <input type="text" name ="cost" class="form-control" placeholder="Enter Cost">
                </div>
                <div class="form-group">
                  <label class="control-label">Revenue</label>
                  <input type="text" name="revenue" class="form-control" placeholder="Enter Revenue">
                </div>
                <div class="form-group">
                  <label class="control-label">Profit</label>
                  <input type="text" name="profit" class="form-control" placeholder="Enter Profit">
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

控制器

 namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Http\Requests;
use App\Models\Cost;

class CostController extends Controller
{
public function editCost(Request $request)
{
    $type = $request->get('type');
    //$id = $request->get('id');
    $cost = COST::where('id', 3);
    $cost->type = "type";
    $cost->save();
    return \Response::json(['id' => $id,'type' => $type],200);
 }

}

禁用editCost方法内的临时内容将删除错误

  public function editCost(Request $request) {
      echo "ok";

  }//returns on "ok " to the console;

Answer 1

我认为$cost = COST::where('id', 3);有任何错误，请尝试将其更改为

$cost = Cost::where('id', 3)->first();

$cost = COST::where('id', 3);结果查询范围不是模型，因此你应该添加first()方法，如果没有结果符合你的条件，它将返回null，这也可能导致内部错误问题，因为你正在调用$cost->type在下一行。

我希望这会有所帮助。

Answer 2

在你的代码中，变量$ id没有在你的return语句中定义（你已经注释掉了）

return \Response::json(['id' => $id,'type' => $type],200);

我认为代码应如下所示：

$type = $request->get('type');
//$id = $request->get('id');
$cost = Cost::where('id', 3)->first();
$cost->type = "type";
$cost->save();
return \Response::json(['id' => 3,'type' => $type],200);

如果可行，您可以使用动态$ id和$ type变量

Laravel ajax中的错误500

2 个答案: