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

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

3
Jquery .on () ส่งเหตุการณ์
ฉันมีปัญหากับ.on(). ฉันมีองค์ประกอบฟอร์มหลายรายการ (มีรูปแบบด้วยclass="remember") และฉันเพิ่มอีกองค์ประกอบหนึ่งform.rememberโดยใช้ AJAX ดังนั้นฉันต้องการให้จัดการส่งเหตุการณ์เช่น: $('form.remember').on('submit',function(){...}) แต่แบบฟอร์มที่เพิ่มด้วย AJAX ใช้ไม่ได้ ปัญหาอยู่ที่ไหน เป็นบั๊กหรือเปล่า?
105 jquery  ajax  forms  submit 

8
เพิ่ม "hook" ให้กับคำขอ AJAX ทั้งหมดบนเพจ
ฉันต้องการทราบว่าเป็นไปได้หรือไม่ที่จะ "เชื่อมโยง" กับคำขอ AJAX ทุกรายการ (ไม่ว่าจะเป็นในขณะที่กำลังจะถูกส่งหรือในเหตุการณ์) และดำเนินการ ณ จุดนี้ฉันสมมติว่ามีสคริปต์ของบุคคลที่สามอื่น ๆ ในหน้านี้ บางส่วนอาจใช้ jQuery ในขณะที่บางส่วนไม่ใช้ เป็นไปได้หรือไม่

9
การเปลี่ยนค่า CSS ด้วย Javascript
ง่ายต่อการตั้งค่า CSS แบบอินไลน์ด้วยจาวาสคริปต์ หากฉันต้องการเปลี่ยนความกว้างและมี html ดังนี้: <div style="width: 10px"></div> สิ่งที่ฉันต้องทำคือ: document.getElementById('id').style.width = value; มันจะเปลี่ยนค่าสไตล์ชีตแบบอินไลน์ โดยปกตินี่ไม่ใช่ปัญหาเนื่องจากสไตล์อินไลน์จะแทนที่สไตล์ชีต ตัวอย่าง: <style> #tId { width: 50%; } </style> <div id="tId"></div> การใช้ Javascript นี้: document.getElementById('tId').style.width = "30%"; ฉันได้รับสิ่งต่อไปนี้: <style> #tId { width: 50%; } </style> <div id="tId" style="width: 30%";></div> นี่เป็นปัญหาเพราะไม่เพียง แต่ฉันไม่ต้องการเปลี่ยนค่าอินไลน์เท่านั้นหากฉันมองหาความกว้างก่อนที่จะตั้งค่าเมื่อฉันมี: <div id="tId"></div> ค่าที่ส่งคืนเป็น Null ดังนั้นหากฉันมี …
104 javascript  html  css  ajax  dom 

8
มีแนวทางปฏิบัติที่ดีที่สุดในการสร้าง html ด้วยจาวาสคริปต์หรือไม่
ฉันกำลังเรียกใช้บริการเว็บที่ส่งคืนอาร์เรย์ของวัตถุใน JSON ฉันต้องการรับวัตถุเหล่านั้นและเติม div ด้วย HTML สมมติว่าแต่ละออบเจ็กต์มี url และชื่อ หากฉันต้องการสร้าง HTML ต่อไปนี้สำหรับแต่ละออบเจ็กต์: <div><img src="the url" />the name</div> มีแนวทางปฏิบัติที่ดีที่สุดสำหรับสิ่งนี้หรือไม่? ฉันสามารถดูวิธีการทำได้สองสามวิธี: เชื่อมต่อสตริง สร้างองค์ประกอบ ใช้ปลั๊กอินเทมเพลต สร้าง html บนเซิร์ฟเวอร์จากนั้นให้บริการผ่าน JSON
103 javascript  html  ajax  dynamic  dhtml 

7
โพสต์ข้อมูลไปยัง JsonP
สามารถโพสต์ข้อมูลไปยัง JsonP ได้หรือไม่? หรือข้อมูลทั้งหมดจะต้องถูกส่งผ่านในสตริงการสืบค้นเป็นคำขอ GET? ฉันมีข้อมูลจำนวนมากที่ต้องส่งไปยังบริการข้ามโดเมนและมีขนาดใหญ่เกินไปที่จะส่งผ่านสตริงการสืบค้น อะไรคือตัวเลือกสำหรับการหลีกเลี่ยงสิ่งนี้?
102 javascript  jquery  ajax  json  jsonp 

6
Ajax โดยใช้ https บนหน้า http
เว็บไซต์ของฉันใช้โปรโตคอล http และ https ไม่ส่งผลกระทบต่อเนื้อหา ไซต์ของฉันใช้การโทร jQuery ajax ซึ่งเติมเต็มพื้นที่บางส่วนบนหน้าเว็บด้วย ตอนนี้ฉันต้องการโทร ajax ทั้งหมดผ่าน https (โปรดอย่าถามฉันว่าทำไม :)) เมื่อฉันอยู่บนเพจที่มีโปรโตคอล https คำขอ ajax กำลังทำงาน เมื่อฉันอยู่บนหน้าที่มีโปรโตคอล http ฉันได้รับข้อผิดพลาดของจาวาสคริปต์: การเข้าถึง URI ที่ จำกัด ถูกปฏิเสธ ฉันรู้ว่านี่เป็นปัญหาข้ามโดเมน (อันที่จริงมันเป็นปัญหาข้ามโปรโตคอล) และฉันรู้ว่าฉันควรใช้โปรโตคอลเดียวกันในการโทร ajax เหมือนในหน้าปัจจุบัน ถึงกระนั้นฉันต้องการให้การโทรของ ajax ทั้งหมดเป็น https และเรียกพวกเขาบนหน้าที่แสดงบน http มีวิธีแก้ปัญหาเพื่อให้บรรลุสิ่งนี้ (โซลูชัน json / proxy บางตัวหรือไม่) หรือเป็นไปไม่ได้เลย?
101 jquery  ajax  https  cors 

1
ข้อผิดพลาดในการโพสต์ AJAX: ปฏิเสธที่จะตั้งค่าส่วนหัว "การเชื่อมต่อ" ที่ไม่ปลอดภัย
ฉันมีฟังก์ชัน ajax ที่กำหนดเองต่อไปนี้ซึ่งโพสต์ข้อมูลกลับไปยังไฟล์ PHP ทุกครั้งที่มีการโพสต์ข้อมูลฉันได้รับข้อผิดพลาดสองข้อต่อไปนี้: ปฏิเสธที่จะตั้งค่าส่วนหัวที่ไม่ปลอดภัย "ความยาวของเนื้อหา" ปฏิเสธที่จะตั้งค่าส่วนหัวที่ไม่ปลอดภัย "การเชื่อมต่อ" รหัส: function passposturl(url1, params, obj) { //url1 = url1+"&sid="+Math.random(); xmlHttp = get_xmlhttp_obj(); xmlHttp.loadflag = obj; xmlHttp.open("POST", url1, true); //alert(url1); //alert(params); //alert(obj); //alert(params.length); xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlHttp.setRequestHeader("Content-length", params.length); xmlHttp.setRequestHeader("Connection", "close"); xmlHttp.onreadystatechange = function () { stateChanged(xmlHttp); }; xmlHttp.send(params); } ผมทำอะไรผิดหรือเปล่า?
101 javascript  ajax 

11
ดำเนินการ <script> ฉีดโดย innerHTML หลังจากการเรียก AJAX
มี div ชื่อ "Content": &lt;div id="content"&gt;&lt;/div&gt; ควรกรอกข้อมูลจากไฟล์ PHP โดย AJAX รวมถึง&lt;script&gt;แท็ก อย่างไรก็ตามสคริปต์ภายในแท็กนี้จะไม่ถูกเรียกใช้งาน &lt;div id="content"&gt;&lt;!-- After AJAX loads the stuff that goes here --&gt; &lt;script type="text/javascript"&gt; //code &lt;/script&gt; &lt;!-- More stuff that DOES work here --&gt; &lt;/div&gt;
101 javascript  html  ajax 

5
วิธีส่งส่วนหัวการอนุญาตที่ถูกต้องสำหรับการตรวจสอบสิทธิ์ขั้นพื้นฐาน
ฉันกำลังพยายามโพสต์ข้อมูลจาก API ของฉัน แต่ไม่สามารถผ่านการตรวจสอบสิทธิ์พื้นฐานได้ ฉันลอง: $.ajax({ type: 'POST', url: http://theappurl.com/api/v1/method/, data: {}, crossDomain: true, beforeSend: function(xhr) { xhr.setRequestHeader('Authorization', 'Basic [REDACTED]'); } }); การตอบสนองการกำหนดค่าเซิร์ฟเวอร์ของฉันคือ: response["Access-Control-Allow-Origin"] = "*" response["Access-Control-Allow-Methods"] = "POST" response["Access-Control-Max-Age"] = "1000" response["Access-Control-Allow-Headers"] = "*" ส่วนหัวที่ฉันได้รับคือ: ขอส่วนหัว OPTIONS /api/v1/token-auth/ HTTP/1.1 Host: theappurl.com Connection: keep-alive Access-Control-Request-Method: POST Origin: http://127.0.0.1:8080 User-Agent: Mozilla/5.0 …

6
HTML5 จะอนุญาตให้เว็บแอปทำการเชื่อมต่อ HTTP แบบเพียร์ทูเพียร์หรือไม่
เป็นไปได้ไหมที่จะสร้างเว็บแอปที่ด้วยความช่วยเหลือของเซิร์ฟเวอร์ส่วนกลางสามารถสร้างการเชื่อมต่อโดยตรงกับผู้ใช้อื่น ๆ ของเว็บแอปเดียวกัน ฉันกำลังจินตนาการถึงกระบวนการที่คล้ายกับการเจาะรู UDP ฉันได้อ่านเกี่ยวกับ WebSockets API ใหม่ใน HTML5 แต่ดูเหมือนว่าคุณต้องเริ่มการเชื่อมต่อกับเซิร์ฟเวอร์ที่เข้ากันได้กับ WS ก่อนที่จะเริ่มการเชื่อมต่อแบบ full-duplexed ได้ ฉันคิด moreso เกี่ยวกับกระบวนการที่จะทำให้การเชื่อมต่อโดยตรงระหว่างลูกค้ากับเซิร์ฟเวอร์การมีส่วนร่วมเพียงในการจับมือกันครั้งแรก หมายเหตุ: แอพเพล็ต Java ไม่นับ ฉันสนใจเฉพาะเทคโนโลยีเบราว์เซอร์มาตรฐาน
100 javascript  ajax  html 

2
Ajax กวดวิชาสำหรับการโพสต์และรับ [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันต้องการแบบฝึกหัด ajax แบบง่ายหรือกรณีศึกษาสำหรับแบบฟอร์มการป้อนข้อมูลแบบง่ายซึ่งฉันต้องการโพสต์ชื่อผู้ใช้ผ่านแบบฟอร์มป้อนข้อมูลซึ่งจะส่งไปยังฐานข้อมูลและตอบกลับพร้อมผลลัพธ์ ยินดีต้อนรับคำแนะนำใด ๆ สำหรับบทช่วยสอนดังกล่าวเพราะฉันมีเพียงหนึ่งเดียวที่ใช้ Mootool แต่ฉันกำลังค้นหาโดยใช้ jQuery!
100 jquery  ajax 

19
ฉันจะปิดการเชื่อมต่อก่อนกำหนดได้อย่างไร
ฉันกำลังพยายามทำการโทร AJAX (ผ่าน JQuery) ซึ่งจะเริ่มกระบวนการที่ค่อนข้างยาว ฉันต้องการให้สคริปต์เพียงแค่ส่งคำตอบที่ระบุว่ากระบวนการได้เริ่มต้นแล้ว แต่ JQuery จะไม่ตอบกลับจนกว่าสคริปต์ PHP จะทำงานเสร็จ ฉันได้ลองใช้กับส่วนหัว "ปิด" (ด้านล่าง) และยังมีบัฟเฟอร์เอาต์พุต ดูเหมือนจะไม่ได้ผล เดา ๆ ? หรือนี่คือสิ่งที่ฉันต้องทำใน JQuery? &lt;?php echo( "We'll email you as soon as this is done." ); header( "Connection: Close" ); // do some stuff that will take a while mail( 'dude@thatplace.com', "okay I'm …
100 php  jquery  ajax 

6
AJAX POST และเครื่องหมายบวก (+) - จะเข้ารหัสได้อย่างไร?
ผมโพสต์เนื้อหาของฟิลด์แบบฟอร์มผ่านทาง AJAX เพื่อสคริปต์ PHP และใช้งาน JavaScript escape(field_contents)เพื่อ ปัญหาคือเครื่องหมายบวกใด ๆ ถูกตัดออกและแทนที่ด้วยช่องว่าง ฉันจะ 'เข้ารหัส' เครื่องหมายบวกอย่างปลอดภัยแล้ว 'ถอดรหัส' ในฝั่ง PHP อย่างเหมาะสมได้อย่างไร
100 javascript  ajax  post  encode  decode 

6
การแคชการตอบสนอง jquery ajax ใน javascript / browser
ฉันต้องการเปิดใช้งานการแคชการตอบสนองของ ajax ใน javascript / browser จากเอกสาร jquery.ajax : โดยค่าเริ่มต้นจะมีการส่งคำขอเสมอ แต่เบราว์เซอร์อาจแสดงผลลัพธ์จากแคช หากต้องการไม่อนุญาตให้ใช้ผลลัพธ์ที่แคชให้ตั้งค่าแคชเป็นเท็จ หากต้องการทำให้คำขอรายงานล้มเหลวหากเนื้อหาไม่ได้รับการแก้ไขตั้งแต่คำขอล่าสุดให้ตั้งค่า ifModified เป็น true อย่างไรก็ตามที่อยู่เหล่านี้ไม่ได้บังคับให้แคช แรงจูงใจ: ฉันต้องการวาง$.ajax({...})สายในฟังก์ชันการเริ่มต้นของฉันซึ่งบางส่วนขอ url เดียวกัน บางครั้งฉันต้องเรียกใช้ฟังก์ชัน initialisation เหล่านี้บางครั้งฉันเรียกหลาย ๆ ดังนั้นฉันต้องการลดคำขอไปยังเซิร์ฟเวอร์หากมีการโหลด url นั้นแล้ว ฉันสามารถม้วนโซลูชันของตัวเองได้ (ด้วยความยากลำบาก!) แต่ฉันอยากรู้ว่ามีวิธีมาตรฐานในการทำเช่นนี้หรือไม่

10
หมดเวลาของคำขอ Fetch API หรือไม่
ฉันมีfetch-api POSTคำขอ: fetch(url, { method: 'POST', body: formData, credentials: 'include' }) ฉันต้องการทราบว่าการหมดเวลาเริ่มต้นสำหรับสิ่งนี้คืออะไร แล้วเราจะตั้งค่าให้เป็นค่าเฉพาะเช่น 3 วินาทีหรือไม่ จำกัด วินาทีได้อย่างไร

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