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

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

16
หยุดการร้องขอ ajax ที่แอ็คทีฟทั้งหมดใน jQuery
ฉันมีปัญหาเมื่อส่งแบบฟอร์มคำขอ ajax ทั้งหมดที่ใช้งานล้มเหลวและทำให้เกิดข้อผิดพลาด วิธีหยุดคำขอ ajax ที่แอ็คทีฟทั้งหมดใน jQuery โดยไม่มีเหตุการณ์ข้อผิดพลาดทริกเกอร์
216 jquery  ajax 

11
วิธีรับคำขอโพสต์การแชร์ทรัพยากรข้ามแหล่ง (CORS) ทำงาน
ฉันมีเครื่องบน LAN ท้องถิ่นของฉัน (machineA) ที่มีเว็บเซิร์ฟเวอร์สองเครื่อง ที่แรกก็คือที่สร้างขึ้นใน XBMC (บนพอร์ต 8080) และแสดงห้องสมุดของเรา เซิร์ฟเวอร์ตัวที่สองเป็นสคริปต์ python ของ CherryPy (พอร์ต 8081) ที่ฉันใช้เพื่อทริกเกอร์การแปลงไฟล์แบบออนดีมานด์ การแปลงไฟล์จะถูกเรียกใช้โดยคำขอ AJAX POST จากหน้าที่ให้บริการจากเซิร์ฟเวอร์ XBMC ไปที่http: // machineA: 8080ซึ่งแสดงไลบรารี่ ห้องสมุดจะปรากฏขึ้น ผู้ใช้คลิกที่ลิงค์ 'แปลง' ซึ่งออกคำสั่งดังต่อไปนี้ - คำขอ jQuery Ajax $.post('http://machineA:8081', {file_url: 'asfd'}, function(d){console.log(d)}) เบราว์เซอร์ออกคำขอ HTTP OPTIONS กับส่วนหัวต่อไปนี้ ส่วนหัวขอ - ตัวเลือก Host: machineA:8081 User-Agent: ... Firefox/4.01 …
216 jquery  ajax  cherrypy  cors 

9
Google Chrome แสดงการตอบสนอง JSON AJAX เป็นแผนผังและไม่เป็นข้อความธรรมดา
ฉันไม่พบคำตอบสำหรับสิ่งนี้: การโทร AJAX ของฉันส่งคืนข้อมูล JSON ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Google Chrome> แหล่งข้อมูล> XHR เมื่อฉันคลิกที่ทรัพยากรทางซ้ายและจากนั้นบนแท็บเนื้อหาฉันเห็นสตริง JSON เป็นสตริงและไม่เป็นต้นไม้อย่าง Firebug และ Firebug Lite ฉันจะบังคับให้ Chrome ใช้เป็นต้นไม้ได้อย่างไร มีประเภทเนื้อหาที่ไฟล์ PHP ของฉันต้องมีหรือไม่? ฉันยินดีที่จะรู้คำตอบ! ขอบคุณ Stefanos
215 ajax  json  google-chrome  view  tree 

9
Reactjs แปลงสตริง html เป็น jsx
ฉันมีปัญหาในการจัดการกับ ReactJS ของ Facebook เมื่อใดก็ตามที่ฉันทำ Ajax และต้องการแสดงข้อมูล html ReactJS จะแสดงเป็นข้อความ (ดูรูปด้านล่าง) ข้อมูลจะแสดงผ่านฟังก์ชันการเรียกกลับที่สำเร็จของ jquery Ajax $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); มีวิธีง่าย ๆ ในการแปลงเป็น html หรือไม่ ฉันควรทำอย่างไรโดยใช้ ReactJS

7
แคชการตอบสนองบริการ HTTP 'รับ' ใน AngularJS หรือไม่
ฉันต้องการที่จะสามารถสร้างบริการ AngularJS ที่กำหนดเองที่ทำให้การร้องขอ HTTP 'รับ' เมื่อวัตถุข้อมูลของมันว่างเปล่าและเติมวัตถุข้อมูลในความสำเร็จ ครั้งต่อไปที่มีการโทรไปยังบริการนี้ฉันต้องการข้ามค่าใช้จ่ายในการร้องขอ HTTP อีกครั้งและส่งคืนวัตถุข้อมูลที่แคช เป็นไปได้ไหม

7
ฉันจะจับข้อผิดพลาดการโพสต์ข้อความค้นหา Ajax ได้อย่างไร
ฉันต้องการตรวจจับข้อผิดพลาดและแสดงข้อความที่เหมาะสมหากคำขอ Ajax ล้มเหลว รหัสของฉันเป็นดังต่อไปนี้ แต่ฉันไม่สามารถจัดการกับคำขอ Ajax ที่ล้มเหลวได้ function getAjaxData(id) { $.post("status.ajax.php", {deviceId : id}, function(data){ var tab1; if (data.length>0) { tab1 = data; } else { tab1 = "Error in Ajax"; } return tab1; }); } ฉันพบว่า "Error in Ajax" ไม่เคยถูกดำเนินการเมื่อคำขอ Ajax ล้มเหลว ฉันจะจัดการข้อผิดพลาด Ajax และแสดงข้อความที่เหมาะสมได้อย่างไรหากล้มเหลว

9
ขอการตรวจสอบใน Chrome
ใน Firefox ฉันใช้ Firebug ซึ่งทำให้ฉันสามารถดูการร้องขอ http ทุกครั้งที่โทร ajax ของฉันได้ ฉันได้เปลี่ยนการพัฒนาเป็น Chrome และฉันชอบมันมาก อย่างไรก็ตามข้อร้องเรียนเพียงอย่างเดียวของฉันคือเครื่องมือของนักพัฒนาซอฟต์แวร์ดูเหมือนจะไม่อนุญาตให้คุณดูคำขอ ajax แต่ละรายการ ฉันเคยเกิดขึ้นหนึ่งครั้งที่แผงทรัพยากรแสดงคำขอหลายครั้งไปยังทรัพยากรเดียวกัน แต่ทำเพียงครั้งเดียวและไม่เคยทำซ้ำอีกเลย มีวิธีที่จะดูคำขอ HTTP ทุกครั้งที่หน้าเว็บทำผ่านจาวาสคริปต์จากใน Chrome หรือไม่ [แก้ไข: 11/30/09 11:55] ขณะนี้เพื่อให้ได้สิ่งนี้ฉันใช้ Fiddler ถัดจาก Chrome เพื่อดูคำขอของฉัน แต่ถ้ามีวิธีที่จะทำได้จากภายในเบราว์เซอร์ฉันต้องการมัน

9
การใช้งาน JavaScript ของ Gzip [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังเขียนแอปพลิเคชันเว็บที่ต้องการเก็บข้อมูล JSON ในแคชฝั่งเซิร์ฟเวอร์ขนาดเล็กผ่าน AJAX (คิดว่า: โควต้า Opensocial ) ฉันไม่สามารถควบคุมเซิร์ฟเวอร์ ฉันต้องการลดขนาดของข้อมูลที่เก็บไว้เพื่อให้อยู่ในโควต้าฝั่งเซิร์ฟเวอร์และหวังว่าจะสามารถ gzip JSON ที่เป็นสตริงในเบราว์เซอร์ก่อนที่จะส่งไปยังเซิร์ฟเวอร์ อย่างไรก็ตามฉันไม่พบวิธีการใช้งาน JavaScript ของ Gzip มากนัก คำแนะนำใด ๆ สำหรับฉันจะบีบอัดข้อมูลทางฝั่งไคลเอ็นต์ก่อนส่งได้อย่างไร

20
การเรียก jQuery Ajax และ Html.AntiForgeryToken ()
ฉันได้ติดตั้งแอพพลิเคชั่นเพื่อลดการโจมตี CSRFจากข้อมูลที่ฉันได้อ่านในบล็อกโพสต์รอบอินเทอร์เน็ต โดยเฉพาะอย่างยิ่งโพสต์เหล่านี้เป็นตัวขับเคลื่อนของการติดตั้งของฉัน วิธีปฏิบัติที่ดีที่สุดสำหรับ ASP.NET MVCจากทีมเนื้อหานักพัฒนาเว็บ ASP.NET และ กายวิภาคของการข้ามไซต์ขอการโจมตีด้วยการปลอมแปลงจากบล็อก Phil Haack AntiForgeryToken ใน ASP.NET MVC Framework - Html.AntiForgeryToken และ ValidateAntiForgeryToken แอตทริบิวต์จาก David Hayden บล็อก โดยทั่วไปบทความและคำแนะนำเหล่านั้นบอกว่าเพื่อป้องกันการโจมตี CSRF ใคร ๆ ก็ควรใช้รหัสต่อไปนี้ 1) เพิ่ม[ValidateAntiForgeryToken]ในทุกการกระทำที่ยอมรับกริยา POST Http [HttpPost] [ValidateAntiForgeryToken] public ActionResult SomeAction( SomeModel model ) { } 2) เพิ่มตัว<%= Html.AntiForgeryToken() %>ช่วยภายในฟอร์มที่ส่งข้อมูลไปยังเซิร์ฟเวอร์ <div style="text-align:right; padding: …

1
ตรวจสอบว่าข้อผิดพลาด $ .ajax หมดเวลาหรือไม่
jQuery.ajax( settings )ฉันใช้ความมหัศจรรย์ของ อย่างไรก็ตามฉันสงสัยว่าใครเล่นด้วยการตั้งค่าการหมดเวลามาก? ฉันรู้ว่ามันเป็นเรื่องของการบอกเวลาท้องถิ่นเพื่อขอ แต่มันสามารถกระตุ้นอะไรได้บ้างหากถึงเวลาหมด หรือเพียงแค่หยุดฟังเพื่อรับการตอบกลับ การอ่านไซต์ jQuery ฉันเห็นว่าไม่มีข้อโต้แย้งใด ๆ ผ่านไปดังนั้นดูเหมือนว่าจะเป็นการตั้งค่าที่เรียบง่ายพร้อมความสามารถเดียว ซึ่งเป็นเรื่องปกติ แต่ฉันต้องการที่จะเรียกการแจ้งเตือนหรือฟังก์ชั่นบางอย่างถ้าถึงเวลาหมด ฉันเห็นว่าการตั้งค่าข้อผิดพลาดไม่ได้รับการกระตุ้นในกรณีนี้ นี่คือตัวอย่างของฉัน: $("form#testform").submit(function(){ var allFormValues = $("form#testform").serialize(); $.ajax({ cache:false, timeout:8000, // I chose 8 secs for kicks type:"POST", url:"someurl.php", data:allFormValues, error:function(){ alert("some error occurred") }, success:function(response){ alert(response); } }); }); ไม่มีใครรู้วิธีการทำงานมากขึ้นด้วยการหมดเวลา?

7
เหตุใดจึงต้องใช้ AJAX เมื่อ WebSockets พร้อมใช้งาน
ฉันใช้ WebSockets มาระยะหนึ่งแล้วฉันได้เลือกที่จะสร้างเครื่องมือการจัดการโครงการ Agile สำหรับโครงการปีสุดท้ายของฉันที่ University โดยใช้เซิร์ฟเวอร์ Node และ WebSockets ฉันพบว่าการใช้ WebSockets มีจำนวนคำขอเพิ่มขึ้น 624% ต่อวินาทีที่แอปพลิเคชันของฉันสามารถดำเนินการได้ อย่างไรก็ตามตั้งแต่เริ่มโครงการฉันได้อ่านช่องโหว่ความปลอดภัยและเบราว์เซอร์บางตัวเลือกที่จะปิดการใช้งาน WebSockets โดยค่าเริ่มต้น .. นี่ทำให้ฉันมีคำถาม: เหตุใดจึงต้องใช้ AJAX เมื่อ WebSockets ดูเหมือนว่าจะทำงานที่ยอดเยี่ยมในการลดความหน่วงแฝงและค่าใช้จ่ายทรัพยากรมีอะไรที่ AJAX ทำได้ดีกว่า WebSockets หรือไม่


7
ฉันจะลบหรือแทนที่เนื้อหา SVG ได้อย่างไร
ฉันมีรหัส JavaScript ซึ่งสร้าง (โดยใช้ D3.js) svgองค์ประกอบที่มีแผนภูมิ ฉันต้องการอัปเดตแผนภูมิตามข้อมูลใหม่ที่มาจากบริการบนเว็บโดยใช้ AJAX ปัญหาคือทุกครั้งที่ฉันคลิกที่ปุ่มอัปเดตจะสร้างใหม่svgดังนั้นฉันจึงต้องการลบเก่าหรืออัปเดตเนื้อหา นี่คือตัวอย่างจากฟังก์ชั่น JavaScript ที่ฉันสร้างsvg: var svg = d3.select("body") .append("svg") .attr("width", w) .attr("height", h); ฉันจะลบsvgองค์ประกอบเก่าหรืออย่างน้อยแทนที่เนื้อหาได้อย่างไร
200 javascript  ajax  svg  d3.js 

6
วิธีการหลีกเลี่ยง Access-Control-Allow-Origin?
ฉันกำลังโทร ajax ไปยังเซิร์ฟเวอร์ของฉันเองบนแพลตฟอร์มที่พวกเขาตั้งป้องกันการโทร ajax เหล่านี้ (แต่ฉันต้องการเรียกข้อมูลจากเซิร์ฟเวอร์ของฉันเพื่อแสดงข้อมูลที่ดึงมาจากฐานข้อมูลของเซิร์ฟเวอร์ของฉัน) สคริปต์ ajax ของฉันทำงานได้สามารถส่งข้อมูลไปยังสคริปต์ php ของเซิร์ฟเวอร์ของฉันเพื่อให้สามารถประมวลผลได้ อย่างไรก็ตามไม่สามารถรับข้อมูลที่ประมวลผลกลับมาได้เนื่องจากถูกบล็อกโดย"Access-Control-Allow-Origin" ฉันไม่สามารถเข้าถึงซอร์ส / คอร์ของแพลตฟอร์มนั้นได้ ดังนั้นฉันจึงไม่สามารถลบสคริปต์ที่ไม่อนุญาตให้ทำเช่นนั้น (P / SI ใช้คอนโซลของ Google Chrome และพบข้อผิดพลาดนี้) รหัส Ajax ที่แสดงด้านล่าง: $.ajax({ type: "GET", url: "http://example.com/retrieve.php", data: "id=" + id + "&url=" + url, dataType: 'json', cache: false, success: function(data) { var friend = data[1]; …
198 javascript  php  jquery  ajax  cors 

9
คุกกี้ HttpOnly ทำงานกับคำขอ AJAX อย่างไร
JavaScript ต้องการเข้าถึงคุกกี้หากใช้ AJAX บนไซต์ที่มีข้อ จำกัด การเข้าถึงตามคุกกี้ HttpOnly cookies จะทำงานบนไซต์ AJAX หรือไม่ แก้ไข: Microsoft สร้างวิธีในการป้องกันการโจมตี XSS โดยไม่อนุญาตให้เข้าถึง JavaScript กับคุกกี้หากระบุ HttpOnly FireFox นำมาใช้ในภายหลังนี้ ดังนั้นคำถามของฉันคือ: หากคุณใช้ AJAX บนไซต์เช่น StackOverflow คุกกี้ Http-Only เป็นตัวเลือกหรือไม่ แก้ไข 2:คำถามที่ 2 หากวัตถุประสงค์ของ HttpOnly คือป้องกันการเข้าถึง JavaScript ของคุกกี้และคุณยังสามารถเรียกดูคุกกี้ผ่าน JavaScript ผ่าน XmlHttpRequest Object ได้จุดประสงค์ของ HttpOnlyคืออะไร แก้ไข 3:นี่คือคำพูดจาก Wikipedia: เมื่อเบราว์เซอร์ได้รับคุกกี้ดังกล่าวก็ควรจะใช้มันตามปกติในการแลกเปลี่ยน HTTP ต่อไปนี้ แต่จะไม่ทำให้สคริปต์ฝั่งไคลเอ็นต์ปรากฏให้เห็น …
195 ajax  cookies  httponly 

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