2
有這個AJAX功能,它我如何將數據顯示錶阿賈克斯
$("#save").click(function (e) {
e.preventDefault();
$.ajax(
{
type: 'POST',
url: '{{ route('addSocialWorker') }}',
data:
{
'name': $('#name').val(),
'email': $('#email').val(),
'password':$('#password').val(),
'city_id': $("#city_id").val(),
'_token': '{{ Session::token() }}'
},
success: function (data){
console.log(data);
},
error: function(res)
{
if (res.status == 422) {
var data = res.responseJSON;
for (let i in data) {
showValidationErrors(i, data[i][0])
}
}
}
});
});
現在,我想無需加載頁面以顯示新輸入的數據爲我的表。我不知道如何做到這一點在jQuery中。我不知道我的成功功能寫什麼。我對jQuery和它的功能非常陌生,我的時間在運行。沒有時間閱讀jquery和東西。
這是我的表
<tbody id="usersTable">
@foreach($data as $item)
<tr class="item{{$item->user_id}}">
<td>{{$item->Uname}}</td>
<td>{{$item->email}}</td>
<td>{{$item->city_name}}</td>
<td>
<button class="edit-btn btn btn-warning btn-anim" data-id="{{$item->user_id}}" data-Uname="{{$item->Uname}}" data-email="{{$item->email}}" data-city_name="{{$item->city_name}}"><i class="fa fa-pencil-square-o"></i><span class="btn-text">Edit</span></button>
<button class="delete-btn btn btn-danger btn-anim" data-id="{{$item->user_id}}"><i class="fa fa-trash-o"></i><span class="btn-text">delete</span></button>
</td>
</tr>
@endforeach
</tbody>
現在我已經可以添加它和它的工作原理和驗證,但問題是顯示錶而無需刷新頁面。
謝謝你,我會建議使用Vue.js,它使這更容易。好,我會跟你的小費 – d3cypher
相處嘿,我硬編碼自己的代碼,並研究它,我看到這個錯誤 未捕獲的SyntaxError:無效的或意外的標記: '$(「#usersTable」)追加( \t \t \t \t \t 「
檢查我的更新答案,一切工作正常,如果你仍然有錯誤請分享確切出來放並在其中線。 –
相關問題