Laravel在成功后附加数据ajax
Laravel append data after success ajax
我有这个div:
@foreach($bids as $b)
<div class="bids notice notice-lg">
<strong>{{$b->user->name}}</strong> siūlo <span style="font-size: 18px" class="label label-success">{{$b->bid}} €</span>
</div>
@endforeach
这是我的 AJAX:
$(function(){
$('#placeBid').on('submit',function(e){
$.ajaxSetup({
headers: {
'X-CSRF-Token': $('meta[name="csrf_token"]').attr('content')
}
});
e.preventDefault(e);
if($("#jsBidPrice").val() <= $(".minBid").val()){
$.ajax({
method:"POST",
url: $("#placeBid").attr("action"),
data:$(this).serialize(),
dataType: 'text',
success: function(data){
$('.minBid').val(0);
$("#bidSubmit").attr("disabled", true);
},
error: function(data){
console.log("request failed");
}
})
}
else {
alert('Too low.');
}
});
});
如何在我的div #bids 后附加新提交的数据?这就是我现在正在尝试的 - 我正在尝试创建新的 DIV 并将其放置在每个值中。喜欢这个:
var html = '<strong>{{$b->user->name}}</strong>';
html += 'siūlo <span style="font-size: 18px" class="label label-success">';
html += '54044 €</span>';
$('.bidsA').append(html);
我把这个div 放在出价div 上。所以 HTML 看起来像这样:
@foreach($bids as $b)
<div class="bidsA notice notice-lg">
</div>
<div class="bids notice notice-lg">
<strong>{{$b->user->name}}</strong>siūlo <span style="font-size: 18px" class="label label-success">{{$b->bid}} €</span>
</div>
@endforeach
当然,我undefined variable $b
如何正确地将其从 AJAX 包含在 HTML 中?
编辑
public function store(BidRequest $request, $id)
{
$product = Product::where('id', $id)->first();
$bid = new Bid([
'product_id' => $product->id,
'bid' => $request->bid,
]);
Auth::user()->bid()->save($bid);
}
}
您可以返回视图并刷新包含出价的部分。
在控制器中,将$bids
返回给view
,它将构建包含所有出价div的html:
public function store(BidRequest $request, $id)
{
....
$bids = Bid::orderBy('bid', 'DESC')->paginate(10);
return view('products.show', compact('bids'));
}
然后在JS中,您将收到将其附加到父容器中的html:
success: function(data){
$('.bids_container').replaceWith(data);
}
希望这有帮助。
相关文章:
- Ajax-如何获取数据
- JS验证ajax返回的html中的表单数据
- 正在传递JSONP标头's数据参数到另一个文件中的AJAX请求
- 使用ajax将数据从一个步骤发送到下一个步骤的3步表单
- node.js请求数据事件未在CORS ajax调用中触发
- React ajax数据集成
- 发送和接收数据?Ajax、Jquery和PHP
- 从返回的数据 ajax post 创建一个变量
- Laravel在成功后附加数据ajax
- Python - 从服务器获取数据 (ajax) - 'str' 对象不是可调用的错误
- 阻止执行数据 ajax 属性
- 表单中的文本框数据-AJAX提交时未传递
- 发送数据ajax php
- 加载更多数据ajax PHP onscroll
- Rails 4数据ajax路由问题
- 将数据ajax传递到每个页面的同一个页面
- 发送图像+数据ajax post到ashx处理程序
- 传递购物车数据…Ajax或PHP Post
- 将键值对作为单独的数据Ajax发布
- 使用数据Ajax发送