ข้อเสียอย่างหนึ่งเวลาใช้ Ajax คือ เวลามี error อะไร user จะไม่ทราบอะไรเลย เพราะว่าเป็นการโหลดแบบเบื้องหลัง บางทีโหลดเกือบจะเสร็จแล้ว แต่เห็นหน้านิ่งๆ เลย refresh ใหม่ซะเลย ความจริง jQuery มี event onErrors ไว้สำหรับจัดการเวลาใช้ Ajax แล้วมีปัญหาอยู่แล้ว แต่การที่จะต้องมาเขียนกำหนดให้ทุกตัวที่เรียกใช้ Ajax ก็ไม่สะดวกเลย จึงมี $.ajaxSetup ไว้ให้สามารถกำหนดคุณสมบัติที่เป็นส่วนกลางให้คำสั่ง Ajax ต่างๆ ทั้ง $.Ajax, $.get, $.json, $.post ใช้ร่วมกัน แค่ประกาศใช้ $.ajaxSetup เอาไว้ล่วงหน้า
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | <!doctype html><html><head><meta charset="utf-8"><title>jQuery.ajaxSetup</title></head><body><script src="assets/jQuery/jquery.min.js"></script><script>$.ajaxSetup({ "cache": false, "error": function(jqXHR, exception) { if(jqXHR.status === 0) { alert('Not connect.\n Verify Network.'); } else if(jqXHR.status == 404) { alert('Requested page not found. [404]'); } else if(jqXHR.status == 500) { alert('Internal Server Error [500].'); } else if(exception === 'parsererror') { alert('Requested JSON parse failed.'); } else if(exception === 'timeout') { alert('Time out error.'); } else if(exception === 'abort') { alert('Ajax request aborted.'); } else { alert('Uncaught Error.\n' + jqXHR.responseText); } }, "scriptCharset": "utf-8", "timeout": 60000});$.post('nofile.php', function(data){ alert(data);});</script></body></html> |
เรื่องที่เกี่ยวข้อง
About the author