Tìm kiếm
Chỉ tìm trong tiêu đề
Bởi:
Chỉ tìm trong tiêu đề
Bởi:
Home
Trang nhất
Bài mới
Tìm trong diễn đàn
Có gì mới
Bài mới
Bài viết mới trong hồ sơ
Hoạt động gần đây
Thành viên
Người đang truy cập
Bài viết mới trong hồ sơ
Tìm trong bài viết hồ sơ
Thiết kế web
Chat
0
Archive
Top chatters
Sanctions
Đăng nhập
Tạo tài khoản
Tìm kiếm
Chỉ tìm trong tiêu đề
Bởi:
Chỉ tìm trong tiêu đề
Bởi:
Trình đơn
Install the app
Install
Trả lời vào chủ đề
Home
Trang nhất
Design & Seo website
PHP & MySQL
[ajax] How miss history when back event ?
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Nội dung
<blockquote data-quote="administrator" data-source="post: 101" data-attributes="member: 1"><p>How use get value checkbox with ajax</p><p>[CODE] $(document).ready(function() {</p><p> $("#allDataTable").DataTable();</p><p></p><p> $("li#all").click(function() {</p><p> checkedValues = getCheckboxValues();</p><p> urlPath = '/admin/users/all';</p><p> window.history.pushState(checkedValues, "", urlPath);</p><p> getDataAjax(checkedValues, 'all');</p><p> });</p><p></p><p> function getCheckboxValues() {</p><p> checkedValues = [];</p><p> var checkRole = document.getElementById("checkRole");</p><p> var checkTeam = document.getElementById("checkTeam");</p><p> if (checkRole.checked == true) {</p><p> var checkboxValue = checkRole.value;</p><p> checkedValues.push(checkboxValue);</p><p> }</p><p> if (checkTeam.checked == true) {</p><p> var checkboxValue = checkTeam.value;</p><p> checkedValues.push(checkboxValue);</p><p> }</p><p> return checkedValues;</p><p> }</p><p></p><p> function getDataAjax(checkedValues, sortAssign) {</p><p> urlPath = '/admin/users/' + sortAssign;</p><p> window.history.pushState(checkedValues, "", urlPath);</p><p> $.ajax({</p><p> type: 'GET',</p><p> url: '/admin/users/all',</p><p> data: {</p><p> sortAssign: sortAssign,</p><p> checkedValues: checkedValues,</p><p> },</p><p> beforeSend: function() {</p><p> $("#loading").show();</p><p> },</p><p> complete : function() {</p><p> $("#loading").hide();</p><p> },</p><p> success: (data) => {</p><p> $('#datatable-ajax').html(data);</p><p> },</p><p> error: (err) => {</p><p> console.log(err);</p><p> }</p><p> });</p><p> }</p><p></p><p> $('#checkRole').click(function(){</p><p> checkedValues = getCheckboxValues();</p><p> urlPath = window.location.pathname</p><p> if (urlPath.includes('assignment')) {</p><p> getDataAjax(checkedValues, 'assignment');</p><p> } else {</p><p> getDataAjax(checkedValues, 'all');</p><p> }</p><p> });</p><p></p><p> $('#checkTeam').click(function(){</p><p> checkedValues = getCheckboxValues();</p><p> urlPath = window.location.pathname</p><p> if (urlPath.includes('assignment')) {</p><p> getDataAjax(checkedValues, 'assignment');</p><p> }</p><p> else {</p><p> getDataAjax(checkedValues, 'all');</p><p> }</p><p> });</p><p></p><p> $("li#assignment").click(function() {</p><p> checkedValues = getCheckboxValues();</p><p> urlPath = '/admin/users/assignment';</p><p> window.history.pushState(checkedValues, "", urlPath);</p><p> getDataAjax(checkedValues, 'assignment');</p><p> });</p><p> });[/CODE]</p></blockquote><p></p>
[QUOTE="administrator, post: 101, member: 1"] How use get value checkbox with ajax [CODE] $(document).ready(function() { $("#allDataTable").DataTable(); $("li#all").click(function() { checkedValues = getCheckboxValues(); urlPath = '/admin/users/all'; window.history.pushState(checkedValues, "", urlPath); getDataAjax(checkedValues, 'all'); }); function getCheckboxValues() { checkedValues = []; var checkRole = document.getElementById("checkRole"); var checkTeam = document.getElementById("checkTeam"); if (checkRole.checked == true) { var checkboxValue = checkRole.value; checkedValues.push(checkboxValue); } if (checkTeam.checked == true) { var checkboxValue = checkTeam.value; checkedValues.push(checkboxValue); } return checkedValues; } function getDataAjax(checkedValues, sortAssign) { urlPath = '/admin/users/' + sortAssign; window.history.pushState(checkedValues, "", urlPath); $.ajax({ type: 'GET', url: '/admin/users/all', data: { sortAssign: sortAssign, checkedValues: checkedValues, }, beforeSend: function() { $("#loading").show(); }, complete : function() { $("#loading").hide(); }, success: (data) => { $('#datatable-ajax').html(data); }, error: (err) => { console.log(err); } }); } $('#checkRole').click(function(){ checkedValues = getCheckboxValues(); urlPath = window.location.pathname if (urlPath.includes('assignment')) { getDataAjax(checkedValues, 'assignment'); } else { getDataAjax(checkedValues, 'all'); } }); $('#checkTeam').click(function(){ checkedValues = getCheckboxValues(); urlPath = window.location.pathname if (urlPath.includes('assignment')) { getDataAjax(checkedValues, 'assignment'); } else { getDataAjax(checkedValues, 'all'); } }); $("li#assignment").click(function() { checkedValues = getCheckboxValues(); urlPath = '/admin/users/assignment'; window.history.pushState(checkedValues, "", urlPath); getDataAjax(checkedValues, 'assignment'); }); });[/CODE] [/QUOTE]
Mã xác nhận
Tên miền của diễn đàn (diendan.websitecuatoi.com)
Trả lời
Home
Trang nhất
Design & Seo website
PHP & MySQL
[ajax] How miss history when back event ?
Bên trên
Bottom