คำถามติดแท็ก ajax

AJAX (JavaScript แบบอะซิงโครนัสและ XML) เป็นเทคนิคสำหรับการสร้างส่วนติดต่อผู้ใช้เว็บไซต์แบบโต้ตอบโดยไม่ต้องรีเฟรชหรือโหลดหน้าเว็บแบบเดิม ใช้การแลกเปลี่ยนข้อมูลแบบอะซิงโครนัสระหว่างไคลเอนต์และเซิร์ฟเวอร์เพื่ออัปเดตข้อมูลที่แสดงและตอบสนองต่อการโต้ตอบของผู้ใช้อย่างราบรื่น รวมแท็กเพิ่มเติมสำหรับภาษาโปรแกรมไลบรารีกรอบงานเว็บเบราว์เซอร์โปรโตคอลและข้อมูลด้านสิ่งแวดล้อมอื่น ๆ

9
จะส่งผ่านพารามิเตอร์ใน $ ajax POST ได้อย่างไร?
ฉันได้ปฏิบัติตามกวดวิชาตามที่ระบุไว้ในนี้การเชื่อมโยง ในโค้ดด้านล่างด้วยเหตุผลบางประการข้อมูลไม่ได้ต่อท้าย url เป็นพารามิเตอร์ แต่ถ้าฉันตั้งค่าโดยตรงเป็น url โดยใช้/?field1="hello"งานได้ $.ajax({ url: 'superman', type: 'POST', data: { field1: "hello", field2 : "hello2"} , contentType: 'application/json; charset=utf-8', success: function (response) { alert(response.status); }, error: function () { alert("error"); } });
138 jquery  ajax 

12
วิธีการส่งหลายเขตข้อมูลผ่าน Ajax [ปิด]
ปิด. คำถามนี้เป็นคำถามที่ไม่สามารถทำซ้ำหรือเกิดจากความผิดพลาด ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันติดอยู่: ฉันกำลังพยายามส่งแบบฟอร์มโดยใช้ AJAX แต่ฉันไม่สามารถหาวิธีการส่งหลายเขตข้อมูลผ่านการโทร AJAX ของฉัน $(document).ready(function() { $("#btnSubmit").click(function() { var status = $("#activitymessage").val(); var name = "Ronny"; $.ajax({ type: "POST", url: "ajax/activity_save.php", **data: "status="+status+"name="+name"**, success: function(msg) {... ฉันได้ลองทุกสิ่ง: data: {status: status, name: name}, หรือสิ่งต่าง ๆ เช่นนี้เพื่อการทดสอบ: data: "status=testing&name=ronny", แต่สิ่งที่ฉันพยายามฉันไม่ได้อะไรactivity_save.phpเลยใน …
136 jquery  sql  ajax 

14
jQuery callback สำหรับการโทร ajax หลายครั้ง
ฉันต้องการโทร ajax สามครั้งในเหตุการณ์คลิก การโทรของ ajax แต่ละครั้งจะดำเนินการที่แตกต่างกันและส่งกลับข้อมูลที่จำเป็นสำหรับการโทรกลับครั้งสุดท้าย การโทรกลับไม่ได้ขึ้นอยู่กับกันและกันพวกเขาสามารถไปพร้อมกันได้อย่างไรก็ตามฉันต้องการให้โทรกลับครั้งสุดท้ายเมื่อทั้งสามเสร็จสมบูรณ์ $('#button').click(function() { fun1(); fun2(); fun3(); //now do something else when the requests have done their 'success' callbacks. }); var fun1= (function() { $.ajax({/*code*/}); }); var fun2 = (function() { $.ajax({/*code*/}); }); var fun3 = (function() { $.ajax({/*code*/}); });
136 jquery  ajax  callback 

11
ไม่มีส่วนหัว 'Access-Control-Allow-Origin' บนทรัพยากรที่ร้องขอ ต้นกำเนิด '…' จึงไม่ได้รับอนุญาตให้เข้าถึง
ฉันใช้. htaccess เพื่อเขียน URL ใหม่และฉันใช้แท็กฐาน html เพื่อให้ใช้งานได้ ตอนนี้เมื่อฉันพยายามส่งคำขอ ajax ฉันได้รับข้อผิดพลาดต่อไปนี้: XMLHttpRequest ไม่สามารถโหลดhttp://www.example.com/login.phpได้ ไม่มีส่วนหัว 'Access-Control-Allow-Origin' บนทรัพยากรที่ร้องขอ Origin ' http://example.com' ไม่อนุญาตให้เข้าถึง

10
การแคช AJAX ที่ไม่คาดคิดส่งผลให้ IE8
ฉันมีปัญหาร้ายแรงกับผลลัพธ์การแคชของ Internet Explorer จากคำขอ JQuery Ajax ฉันมีส่วนหัวในหน้าเว็บของฉันที่ได้รับการอัปเดตทุกครั้งที่ผู้ใช้ไปที่หน้าใหม่ เมื่อโหลดหน้าเสร็จแล้วก็ทำเช่นนี้ $.get("/game/getpuzzleinfo", null, function(data, status) { var content = "<h1>Wikipedia Maze</h1>"; content += "<p class='endtopic'>Looking for <span><a title='Opens the topic you are looking for in a separate tab or window' href='" + data.EndTopicUrl + "' target='_blank'>" + data.EndTopic + "<a/></span></p>"; content += "<p …

13
วิธีปิดการใช้งาน Postback บนปุ่ม asp (System.Web.UI.WebControlsbutton)
ฉันมีปุ่ม asp เป็นฝั่งเซิร์ฟเวอร์ดังนั้นฉันจึงสามารถแสดงได้สำหรับผู้ใช้ที่ล็อกอินเท่านั้น แต่ฉันต้องการให้เรียกใช้ฟังก์ชันจาวาสคริปต์และดูเหมือนว่าเมื่อ runat = "เซิร์ฟเวอร์" จะเรียกเหตุการณ์หลังกลับเสมอ ฉันยังมีปุ่มปกติ ( <input...>) ไม่ทำงานที่เซิร์ฟเวอร์และใช้งานได้ดี ... ฉันจะทำให้ปุ่มนี้รันเฉพาะจาวาสคริปต์และไม่โพสต์แบ็คได้อย่างไร
135 .net  asp.net  javascript  ajax 

5
Google ค้นหาทันใจทำงานอย่างไร
มีแนวคิดเกี่ยวกับวิธีการทำงานของการค้นหาทันทีของ Google แบบใหม่หรือไม่ ดูเหมือนว่า AJAX จะเรียกไปที่การค้นหาแบบเก่า แต่มันค่อนข้างยากที่จะทำให้ Google ง่ายขึ้น ใครมีการคาดเดา? แก้ไข: ฉันรู้ว่ามี AJAX ส่งมาพร้อมกับการกดแต่ละครั้ง แต่เป็นการคาดการณ์หรือไม่? หรือคุณคิดว่ามันเป็นเพียงการค้นหาโดย Google ทั่วไป?

14
ปรับขนาดกล่องโต้ตอบ jQuery UI โดยอัตโนมัติตามความกว้างของเนื้อหาที่โหลดโดย ajax
ฉันมีปัญหาในการค้นหาข้อมูลและตัวอย่างที่เฉพาะเจาะจงเกี่ยวกับเรื่องนี้ ฉันมีกล่องโต้ตอบ jQuery UI จำนวนหนึ่งในแอปพลิเคชันของฉันที่แนบมากับ div ที่โหลดด้วยการเรียก. jQuery () พวกเขาทั้งหมดใช้การเรียกการตั้งค่าเดียวกัน: $(".mydialog").dialog({ autoOpen: false, resizable: false, modal: true }); ฉันแค่อยากให้กล่องโต้ตอบปรับขนาดตามความกว้างของเนื้อหาที่โหลดมา ตอนนี้ความกว้างจะอยู่ที่ 300px (ค่าเริ่มต้น) และฉันจะได้แถบเลื่อนแนวนอน เท่าที่ฉันสามารถบอกได้ว่า "autoResize" ไม่ใช่ตัวเลือกสำหรับกล่องโต้ตอบอีกต่อไปและจะไม่มีอะไรเกิดขึ้นเมื่อฉันระบุ ฉันพยายามที่จะไม่เขียนฟังก์ชันแยกกันสำหรับแต่ละกล่องโต้ตอบดังนั้นจึง.dialog("option", "width", "500")ไม่ใช่ตัวเลือกจริงๆเนื่องจากแต่ละกล่องโต้ตอบจะมีความกว้างต่างกัน การระบุwidth: 'auto'ตัวเลือกไดอะล็อกทำให้ไดอะล็อกใช้เวลาถึง 100% ของความกว้างของหน้าต่างเบราว์เซอร์ ตัวเลือกของฉันคืออะไร? ฉันใช้ jQuery 1.4.1 กับ jQuery UI 1.8rc1 ดูเหมือนว่านี่น่าจะเป็นอะไรที่ง่ายจริงๆ แก้ไข: ฉันได้ใช้วิธีแก้ปัญหาสำหรับสิ่งนี้แล้ว แต่ฉันยังคงมองหาวิธีแก้ปัญหาที่ดีกว่า

18
มีวิธีใดบ้างในการผลักดันข้อมูลจากเว็บเซิร์ฟเวอร์ไปยังเบราว์เซอร์?
แน่นอนว่าฉันรู้จัก Ajax แต่ปัญหาของ Ajax คือเบราว์เซอร์ควรสำรวจเซิร์ฟเวอร์บ่อยๆเพื่อดูว่ามีข้อมูลใหม่หรือไม่ เพิ่มโหลดเซิร์ฟเวอร์ มีวิธีใดที่ดีกว่า (แม้จะใช้ Ajax) นอกเหนือจากการสำรวจเซิร์ฟเวอร์บ่อยๆ
134 ajax  webserver  comet 

8
วิธีรับความคืบหน้าจาก XMLHttpRequest
เป็นไปได้หรือไม่ที่จะรับความคืบหน้าของ XMLHttpRequest (ไบต์ที่อัปโหลดดาวน์โหลดไบต์) นี่จะเป็นประโยชน์ในการแสดงแถบความคืบหน้าเมื่อผู้ใช้อัปโหลดไฟล์ขนาดใหญ่ ดูเหมือนว่า API มาตรฐานจะไม่รองรับ แต่อาจมีส่วนขยายที่ไม่ได้มาตรฐานในเบราว์เซอร์ใด ๆ ดูเหมือนว่าจะมีคุณลักษณะที่ชัดเจนเนื่องจากลูกค้าทราบว่ามีการอัปโหลด / ดาวน์โหลดจำนวนไบต์ หมายเหตุ: ฉันทราบถึงทางเลือก "สำรวจความคืบหน้าของเซิร์ฟเวอร์" (ตอนนี้ฉันกำลังทำอะไรอยู่) ปัญหาหลักของสิ่งนี้ (นอกเหนือจากรหัสฝั่งเซิร์ฟเวอร์ที่ซับซ้อน) คือโดยทั่วไปแล้วในขณะที่อัปโหลดไฟล์ขนาดใหญ่การเชื่อมต่อของผู้ใช้จะถูกปิดลงอย่างสมบูรณ์เนื่องจาก ISP ส่วนใหญ่ให้บริการอัปสตรีมที่ไม่ดี ดังนั้นการร้องขอเพิ่มเติมจึงไม่ตอบสนองอย่างที่หวัง ฉันหวังว่าจะมีวิธี (อาจไม่ได้มาตรฐาน) ในการรับข้อมูลนี้ซึ่งเบราว์เซอร์มีอยู่ตลอดเวลา

9
กำลังโหลดปลายทางข้ามโดเมนด้วย AJAX
ฉันกำลังพยายามโหลดหน้า HTML ข้ามโดเมนโดยใช้ AJAX แต่เว้นแต่ว่า dataType เป็น "jsonp" ฉันไม่ได้รับคำตอบ อย่างไรก็ตามการใช้ jsonp เบราว์เซอร์คาดหวังประเภท mime ของสคริปต์ แต่ได้รับ "text / html" รหัสของฉันสำหรับคำขอคือ: $.ajax({ type: "GET", url: "http://saskatchewan.univ-ubs.fr:8080/SASStoredProcess/do?_username=DARTIES3-2012&_password=P@ssw0rd&_program=%2FUtilisateurs%2FDARTIES3-2012%2FMon+dossier%2Fanalyse_dc&annee=2012&ind=V&_action=execute", dataType: "jsonp", }).success( function( data ) { $( 'div.ajax-field' ).html( data ); }); มีวิธีหลีกเลี่ยงการใช้ jsonp สำหรับคำขอหรือไม่? ฉันได้ลองใช้พารามิเตอร์ crossDomain แล้ว แต่ไม่ได้ผล หากไม่มีวิธีใดในการรับเนื้อหา html ใน jsonp? ขณะนี้คอนโซลกำลังพูดว่า "ไม่คาดคิด …

15
การบล็อกการอ่านข้ามแหล่งกำเนิด (CORB)
ฉันเรียก API ของบุคคลที่สามโดยใช้ Jquery AJAX ฉันได้รับข้อผิดพลาดต่อไปนี้ในคอนโซล: Cross-Origin Read Blocking (CORB) บล็อกการตอบสนองข้ามต้นทางURL ของฉันด้วยแอปพลิเคชันประเภท MIME / json ดูhttps://www.chromestatus.com/feature/5629709824032768สำหรับรายละเอียดเพิ่มเติม ฉันใช้รหัสต่อไปนี้สำหรับการโทร Ajax: $.ajax({ type: 'GET', url: My Url, contentType: 'application/json', dataType:'jsonp', responseType:'application/json', xhrFields: { withCredentials: false }, headers: { 'Access-Control-Allow-Credentials' : true, 'Access-Control-Allow-Origin':'*', 'Access-Control-Allow-Methods':'GET', 'Access-Control-Allow-Headers':'application/json', }, success: function(data) { console.log(data); }, error: function(error) { …

15
หมายความว่าอย่างไรเมื่อคำขอ HTTP ส่งคืนรหัสสถานะ 0
หมายความว่าอย่างไรเมื่อการเรียกเครือข่าย JavaScript เช่นการดึงข้อมูลหรือ XMLHttpRequest หรือการร้องขอเครือข่าย HTTP ประเภทอื่น ๆ ล้มเหลวด้วยรหัสสถานะ HTTP เป็น 0? ดูเหมือนจะไม่เป็นรหัสสถานะ HTTP ที่ถูกต้องเนื่องจากรหัสอื่นเป็นตัวเลขสามหลักในข้อกำหนด HTTP ฉันลองถอดปลั๊กเครือข่ายออกมาเป็นการทดสอบ อาจไม่เกี่ยวข้อง แต่ทำให้รหัสสถานะ 17003 (IIRC) ซึ่งการค้นหาคร่าวๆแนะนำว่าหมายถึง "การค้นหาเซิร์ฟเวอร์ DNS ล้มเหลว" รหัสเดียวกันทำงานได้ดีจากบางสถานที่และระบบอย่างไรก็ตามในบางสภาพแวดล้อมมันล้มเหลวด้วยรหัสสถานะ 0 และไม่มีการตอบสนองต่อข้อความ นี่เป็น HTTP POST ทั่วไปสำหรับ URL อินเทอร์เน็ต ไม่เกี่ยวข้องกับไฟล์: // ซึ่งฉันเข้าใจว่าอาจส่งคืน 0 แสดงถึงความสำเร็จใน Firefox

7
jQuery ajax error function
ฉันมีการโทร ajax ที่ส่งผ่านข้อมูลไปยังเพจซึ่งจะส่งคืนค่า ฉันเรียกข้อมูลการโทรที่ประสบความสำเร็จจากหน้านี้ แต่ฉันได้เข้ารหัสมันเพื่อให้เกิดข้อผิดพลาดใน asp ฉันจะดึงข้อผิดพลาดนั้นจาก jquery ได้อย่างไร? ตัวอย่างเช่น: cache: false, url: "addInterview_Code.asp", type: "POST", datatype: "text", data: strData, success: function (html) { alert('successful : ' + html); $("#result").html("Successful"); }, error: function (error) { **alert('error; ' + eval(error));** } มันเป็นบิตของข้อผิดพลาดที่ฉันไม่เข้าใจ ในฟังก์ชันฉันต้องใส่พารามิเตอร์อะไรเพื่อที่ฉันจะได้ใช้ข้อความแสดงข้อผิดพลาดที่ฉันยกขึ้นในเซิร์ฟเวอร์
130 jquery  ajax 

3
วิธีโพสต์ไฟล์จากแบบฟอร์มด้วย Axios
การใช้ HTML ดิบเมื่อฉันโพสต์ไฟล์ไปยังเซิร์ฟเวอร์ flask โดยใช้สิ่งต่อไปนี้ฉันสามารถเข้าถึงไฟล์จากคำขอ flask global: <form id="uploadForm" action='upload_file' role="form" method="post" enctype=multipart/form-data> <input type="file" id="file" name="file"> <input type=submit value=Upload> </form> ในขวด: def post(self): if 'file' in request.files: .... เมื่อฉันพยายามทำเช่นเดียวกันกับ Axios คำขอ flask global ว่างเปล่า: <form id="uploadForm" enctype="multipart/form-data" v-on:change="uploadFile"> <input type="file" id="file" name="file"> </form> uploadFile: function (event) { const file …

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.