|
|
|
สอบถามการรับค่า แล้วแสดงเป็น Sweet Alert ค่ะ ไม่รู้ว่าต้อง GET หรือ POST |
|
|
|
|
|
|
|
sweetalert เป็นแค่เครื่องมือที่ใช้แสดง popup อาจจะมีกำหนดให้มีการรับค่าได้
ส่วนการ โพส หรือ get อยู่ที่ออกแบบ form หรือออกแบบ ที่คำสั่ง confirm
Code (JavaScript)
swal(........).then(result=>{
if(result.vaue){
// ตรงนี้ คุณจะทำอะไรกับสิ่งที่ sweetalert ส่งออกมาให้
}
});
จริงๆ แล้วมันทำงานได้หลากหลายมาก ก็อยู่ที่คุณจะอ่าน document มันมากน้อยขนาดไหน
ข้างล่างเป็นตัวอย่าง การใช้ sweetalert2 เน้นนะครับ 2
โดยการใช้ form ที่ออกแบบขึ้นมาเอง
Code (PHP)
<div class="d-none" id="input_rate">
<table style="width: 100%" >
<tbody hx_id="show_stat" >
<tr><td>Predict</td>
<td>
<select hx_class="hk_input" hx_id="predict">
<option value="0" >n/a</option>
<option value="1" selected >Home</option>
<option value="2" >Away</option>
</select></td></tr>
<tr><td>Rate</td>
<td>
<select hx_class="hk_input" hx_id="rate"><?php foreach($rate as $k=>$ro):?>
<option value="<?=$k?>"><?=$ro->F_Name?></option>
<?php endforeach;?></select></td></tr>
<tr><td colspan="2">
<b hx_class="pull-left btn btn-success" hx_id="SaveRate" >Save</b>
<b hx_class="pull-right btn btn-danger" hx_id="CancelRate">Cancel</b>
</td></tr>
</tbody>
</table>
</div>
<script>
swal({ title: 'แก้ไขอัตตราต่อรอง '+m_id+'<br>Rate ' + id, html: $('#input_rate').html().replace(/hx_/g,''),
showCancelButton: false, showConfirmButton:false,
onOpen: ()=>{
$('#predict').val( p>0 ? p : last_predict);
$('#rate').val( r>0 ? r : last_rate );
$('#SaveRate').click(()=>{
var ar={p: $('#predict').val(), r: $('#rate').val()}; last_rate = ar.r; last_predict = ar.p;
$.ajax({ url: '/Soccer/Schedule/SavePredict/'+m_id+'/'+id+'/'+ar.p+'/'+ar.r,dataType:'json'
, error: ExCeption, success: r=>{
if(r.msg==='complete'){
var tr = $(td).parent();
var h=['-','<font color="darkgreen">H</font>','<font color="red">A</font>'];
for(var i=14; i>=0; i--){
var dt = $(tr).find('td[data-id="'+i+'"]');
$(dt).data('p',r.data.rs[i].P).data('r',r.data.rs[i].R);
$(dt[0]).html( h[r.data.rs[i].P]);
$(dt[1]).html( RateTH[r.data.rs[i].R].F_Name);
}
$(tr).find('td').eq(1).attr('title',r.data.nt);
}
swal.close(); Pause = false;
}});
});
$('#CancelRate').click(()=>{ swal.close(); Pause = false; });
},
}).then(()=>{ Pause = false});
$(".swal2-modal").css({ width:400, height:250 });
$(".swal2-modal, .swal2-modal button,.swal2-modal input").css('font-family','Kanit, sans-serif');
</script>
|
|
|
|
|
Date :
2019-07-20 20:26:29 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอโทษอ่าน ความหมายผิด
สิ่งที่ต้องทำคือ การทำงานแบบ ajax
ลองใช้ google ค้นหาดูว่าการเขียน แบบ ajax ทำงานยังไง
แต่ตัวอย่างของผมก็เป็น jquery.ajax ลองศึกษาดูก็ได้
|
|
|
|
|
Date :
2019-07-20 20:41:35 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แบบนี้หรือปล่าวครับที่ต้องการ ลองเอาไปปรับใช้ดูนะครับ
Code (PHP)
$.ajax({
url: "del_mat.php",
type: "POST",
dataType: "text",
data: {
"ID": "23" //ส่ง ID = 23 แบบ POST
},
success: function () {
swalWithBootstrapButtons.fire(
'Deleted!',
'Your file has been deleted.',
'success'
)
},
error: function (xhr, ajaxOptions, thrownError) {
swalWithBootstrapButtons.fire(
'Not Delete',
'Can not delete please contact admin',
'error'
)
}
});
|
|
|
|
|
Date :
2019-07-24 16:45:01 |
By :
realizejoke |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|