Javascript Laravel无限卷轴分页(x)与相似系统-在x上类似/不同的不';如果post id<;=x
我对laravel还是个新手&我正在创建一个“社交页面”,在这里你有帖子,你可以喜欢它们 在我的项目中,我称它们为注释,因为Javascript Laravel无限卷轴分页(x)与相似系统-在x上类似/不同的不';如果post id<;=x,javascript,ajax,laravel,pagination,Javascript,Ajax,Laravel,Pagination,我对laravel还是个新手&我正在创建一个“社交页面”,在这里你有帖子,你可以喜欢它们 在我的项目中,我称它们为注释,因为->paginate(12)。我的笔记有一个like按钮,它只在前12个笔记上起作用。在接下来的12个音符加载后,第13个或以上音符不起作用。它被卡在白色页面中,URL变成localhost/note/like?当我试着喜欢或不喜欢的时候 View.php: <input type="hidden" id="note-id-js"
->paginate(12)
。我的笔记有一个like按钮,它只在前12个笔记上起作用。在接下来的12个音符加载后,第13个或以上音符不起作用。它被卡在白色页面中,URL变成localhost/note/like
?当我试着喜欢或不喜欢的时候
View.php:
<input type="hidden" id="note-id-js" value="{{ $note->id }}">
@if(isset(Auth::user()->id))
<button type="submit" class="btn --transparent">
<svg class="icon icon-like {{ $note->isLikedByAuthUser() ? '--fill' : '' }}">
<use xlink:href="#icon-like"></use>
</svg>
</button>
<span id="count-js">{{ $note->likes->count() }}</span>
@endif
@guest
<svg class="icon icon-like disabled">
<use xlink:href="#icon-like"></use>
</svg>
<span id="count-js">{{ $note->likes->count() }}</span>
@endguest
</form>
'use strict';
var forms = document.querySelectorAll('#form-js');
//window.addEventListener('scroll', (e) => {
// forms = document.querySelectorAll('#form-js');
// console.log(forms);
//});
forms.forEach( form => {
form.addEventListener('submit', function(e) {
e.preventDefault();
const url = e.currentTarget.getAttribute('action');
const token = document.querySelector('meta[name="csrf-token"]').content;
const noteId = e.currentTarget.querySelector('#note-id-js').value;
const count = e.currentTarget.querySelector('#count-js');
const heart = e.currentTarget.querySelector('.icon-like');
fetch(url, {
headers: {
'Content-Type' : 'application/json',
'X-CSRF-TOKEN' : token
},
method: 'post',
body: JSON.stringify({
id: noteId
})
}).then(response =>{
response.json().then(data => {
count.innerHTML = data.count;
heart.classList.toggle('--fill');
});
}).catch(error =>{
console.log(error);
});
});
});
public function like():JsonResponse
{
$note = Note::find(request()->id);
if ($note->isLikedByAuthUser()){
$res =Like::where([
'user_id' => auth()->user()->id,
'note_id' => request()->id
])->delete();
if ($res){
return response()->json([
'count' => Note::find(request()->id)->likes->count()
]);
}
}
else{
$like = new Like();
$like->user_id = auth()->user()->id;
$like->note_id = request()->id;
$like->save();
return response()->json([
'count' => Note::find(request()->id)->likes->count()
]);
}
}
Route::post('/note/like', [NotesController::class, 'like'])->name('notes.like');
PostsController:
<input type="hidden" id="note-id-js" value="{{ $note->id }}">
@if(isset(Auth::user()->id))
<button type="submit" class="btn --transparent">
<svg class="icon icon-like {{ $note->isLikedByAuthUser() ? '--fill' : '' }}">
<use xlink:href="#icon-like"></use>
</svg>
</button>
<span id="count-js">{{ $note->likes->count() }}</span>
@endif
@guest
<svg class="icon icon-like disabled">
<use xlink:href="#icon-like"></use>
</svg>
<span id="count-js">{{ $note->likes->count() }}</span>
@endguest
</form>
'use strict';
var forms = document.querySelectorAll('#form-js');
//window.addEventListener('scroll', (e) => {
// forms = document.querySelectorAll('#form-js');
// console.log(forms);
//});
forms.forEach( form => {
form.addEventListener('submit', function(e) {
e.preventDefault();
const url = e.currentTarget.getAttribute('action');
const token = document.querySelector('meta[name="csrf-token"]').content;
const noteId = e.currentTarget.querySelector('#note-id-js').value;
const count = e.currentTarget.querySelector('#count-js');
const heart = e.currentTarget.querySelector('.icon-like');
fetch(url, {
headers: {
'Content-Type' : 'application/json',
'X-CSRF-TOKEN' : token
},
method: 'post',
body: JSON.stringify({
id: noteId
})
}).then(response =>{
response.json().then(data => {
count.innerHTML = data.count;
heart.classList.toggle('--fill');
});
}).catch(error =>{
console.log(error);
});
});
});
public function like():JsonResponse
{
$note = Note::find(request()->id);
if ($note->isLikedByAuthUser()){
$res =Like::where([
'user_id' => auth()->user()->id,
'note_id' => request()->id
])->delete();
if ($res){
return response()->json([
'count' => Note::find(request()->id)->likes->count()
]);
}
}
else{
$like = new Like();
$like->user_id = auth()->user()->id;
$like->note_id = request()->id;
$like->save();
return response()->json([
'count' => Note::find(request()->id)->likes->count()
]);
}
}
Route::post('/note/like', [NotesController::class, 'like'])->name('notes.like');
web.php:
<input type="hidden" id="note-id-js" value="{{ $note->id }}">
@if(isset(Auth::user()->id))
<button type="submit" class="btn --transparent">
<svg class="icon icon-like {{ $note->isLikedByAuthUser() ? '--fill' : '' }}">
<use xlink:href="#icon-like"></use>
</svg>
</button>
<span id="count-js">{{ $note->likes->count() }}</span>
@endif
@guest
<svg class="icon icon-like disabled">
<use xlink:href="#icon-like"></use>
</svg>
<span id="count-js">{{ $note->likes->count() }}</span>
@endguest
</form>
'use strict';
var forms = document.querySelectorAll('#form-js');
//window.addEventListener('scroll', (e) => {
// forms = document.querySelectorAll('#form-js');
// console.log(forms);
//});
forms.forEach( form => {
form.addEventListener('submit', function(e) {
e.preventDefault();
const url = e.currentTarget.getAttribute('action');
const token = document.querySelector('meta[name="csrf-token"]').content;
const noteId = e.currentTarget.querySelector('#note-id-js').value;
const count = e.currentTarget.querySelector('#count-js');
const heart = e.currentTarget.querySelector('.icon-like');
fetch(url, {
headers: {
'Content-Type' : 'application/json',
'X-CSRF-TOKEN' : token
},
method: 'post',
body: JSON.stringify({
id: noteId
})
}).then(response =>{
response.json().then(data => {
count.innerHTML = data.count;
heart.classList.toggle('--fill');
});
}).catch(error =>{
console.log(error);
});
});
});
public function like():JsonResponse
{
$note = Note::find(request()->id);
if ($note->isLikedByAuthUser()){
$res =Like::where([
'user_id' => auth()->user()->id,
'note_id' => request()->id
])->delete();
if ($res){
return response()->json([
'count' => Note::find(request()->id)->likes->count()
]);
}
}
else{
$like = new Like();
$like->user_id = auth()->user()->id;
$like->note_id = request()->id;
$like->save();
return response()->json([
'count' => Note::find(request()->id)->likes->count()
]);
}
}
Route::post('/note/like', [NotesController::class, 'like'])->name('notes.like');
我知道只有12个注释存在,我必须检查我的Ajax是否存在,但是当我尝试“代码>窗口”时,AdvestTristAdvor(“滚动”)…< /COD>和更新<代码>窗体=文档.QueRealStudioRead('*形式JS ');它没有任何效果。
你对如何解决这个问题有什么建议吗