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

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

10
ส่งผ่านพารามิเตอร์หลายตัวเพื่อเรียก jQuery ajax
ฉันมีรหัส jquery ต่อไปนี้เพื่อเรียกใช้ webmethod ในหน้า aspx $.ajax({ type: "POST", url: "popup.aspx/GetJewellerAssets", contentType: "application/json; charset=utf-8", data: '{"jewellerId":' + filter + '}', dataType: "json", success: AjaxSucceeded, error: AjaxFailed }); และนี่คือลายเซ็นวิธีการเว็บ [WebMethod] public static string GetJewellerAssets(int jewellerId) { ใช้งานได้ดี แต่ตอนนี้ฉันต้องส่งพารามิเตอร์สองตัวไปยังวิธีการเว็บ วิธีการเว็บใหม่มีลักษณะดังนี้ [WebMethod] public static string GetJewellerAssets(int jewellerId, string locale) { } ฉันจะเปลี่ยนรหัสไคลเอนต์เพื่อเรียกลายเซ็นวิธีใหม่นี้ได้สำเร็จได้อย่างไร แก้ไข: …
99 asp.net  jquery  ajax 


8
วิธีการผูกเหตุการณ์บน Ajax โหลดเนื้อหา?
ฉันมีลิงก์myLinkที่ควรแทรกเนื้อหาที่โหลด AJAX ลงในdiv(appendedContainer) ของหน้า HTML ของฉัน ปัญหาคือclickเหตุการณ์ที่ฉันผูกไว้กับ jQuery ไม่ได้ถูกดำเนินการกับเนื้อหาที่โหลดใหม่ซึ่งถูกแทรกลงใน appendedContainer clickเหตุการณ์ที่ถูกผูกไว้ในองค์ประกอบ DOM ที่ยังไม่ได้เต็มไปด้วยฟังก์ชั่น AJAX ของฉัน ฉันต้องเปลี่ยนแปลงอะไรบ้างเพื่อที่เหตุการณ์จะผูกพัน? HTML ของฉัน: <a class="LoadFromAjax" href="someurl">Load Ajax</a> <div class="appendedContainer"></div> JavaScript ของฉัน: $(".LoadFromAjax").on("click", function(event) { event.preventDefault(); var url = $(this).attr("href"), appendedContainer = $(".appendedContainer"); $.ajax({ url: url, type : 'get', complete : function( qXHR, textStatus ) { …

6
วิธีส่งข้อความไปยังไคลเอนต์เฉพาะด้วย socket.io
ฉันเริ่มต้นด้วย socket.io + node.js ฉันรู้วิธีส่งข้อความในเครื่องและsocket.broadcast.emit()ฟังก์ชั่นการออกอากาศ: - ไคลเอนต์ที่เชื่อมต่อทั้งหมดได้รับข้อความเดียวกัน ตอนนี้ฉันต้องการทราบวิธีการส่งข้อความส่วนตัวไปยังลูกค้ารายใดรายหนึ่งฉันหมายถึงซ็อกเก็ตหนึ่งช่องสำหรับการแชทส่วนตัวระหว่าง 2 คน (สตรีมไคลเอนต์ถึงไคลเอนต์) ขอบคุณ.

12
ดาวน์โหลดไฟล์โดยใช้คำขอ ajax
ฉันต้องการส่ง "คำขอดาวน์โหลด ajax" เมื่อฉันคลิกที่ปุ่มดังนั้นฉันจึงลองด้วยวิธีนี้: จาวาสคริปต์: var xhr = new XMLHttpRequest(); xhr.open("GET", "download.php"); xhr.send(); download.php: <? header("Cache-Control: public"); header("Content-Description: File Transfer"); header("Content-Disposition: attachment; filename= file.txt"); header("Content-Transfer-Encoding: binary"); readfile("file.txt"); ?> แต่ไม่ได้ผลตามที่คาดหวังจะทำอย่างไร? ขอบคุณล่วงหน้า

18
ส่งแบบฟอร์มโดยไม่ต้องโหลดหน้าซ้ำ
ฉันมีเว็บไซต์คลาสสิฟายด์และในหน้าที่มีการแสดงโฆษณาฉันกำลังสร้างแบบฟอร์ม "ส่งเคล็ดลับให้เพื่อน" ... ดังนั้นใครก็ตามที่ต้องการสามารถส่งเคล็ดลับของโฆษณาไปยังที่อยู่อีเมลของเพื่อน ๆ ฉันเดาว่าต้องส่งแบบฟอร์มไปยังหน้า php ใช่ไหม <form name='tip' method='post' action='tip.php'> Tip somebody: <input name="tip_email" type="text" size="30" onfocus="tip_div(1);" onblur="tip_div(2);"/> <input type="submit" value="Skicka Tips"/> <input type="hidden" name="ad_id" /> </form> เมื่อส่งแบบฟอร์มหน้าจะถูกโหลดใหม่ ... ฉันไม่ต้องการแบบนั้น ... มีวิธีไหนบ้างที่ทำให้ไม่โหลดซ้ำแล้วยังส่งเมล์ได้? ควรจะไม่มี ajax หรือ jquery ... ขอบคุณ
96 javascript  php  html  ajax  forms 

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

10
ไม่มีส่วนหัว 'Access-Control-Allow-Origin' อยู่ในข้อผิดพลาดของทรัพยากรที่ร้องขอ
ฉันพยายามดึงฟีดของเว็บไซต์ข่าว คิดว่าฉันจะใช้ feed API ของ Google เพื่อแปลง feedburner feed เป็น json URL ต่อไปนี้จะส่งคืน 10 โพสต์จากฟีดในรูปแบบ json http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&q=http://feeds.feedburner.com/mathrubhumi ฉันใช้รหัสต่อไปนี้เพื่อรับเนื้อหาของ url ด้านบน $.ajax({ type: "GET", dataType: "jsonp", url: "http://ajax.googleapis.com/ajax/services/feed/load", data: { "v": "1.0", "num": "10", "q": "http://feeds.feedburner.com/mathrubhumi" }, success: function(result) { //..... } }); แต่มันใช้งานไม่ได้และฉันได้รับข้อผิดพลาดต่อไปนี้ XMLHttpRequest ไม่สามารถโหลด http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&q=http%3A%2F%2Ffeeds.feedburner.com%2Fmathrubhumi ไม่มีส่วนหัว "Access-Control-Allow-Origin" ในทรัพยากรที่ร้องขอ Origin …
94 javascript  jquery  json  ajax  cors 

4
ตรวจพบการเปลี่ยนเส้นทางในคำขอ ajax?
ฉันต้องการใช้ jQuery เพื่อรับ URL และตรวจสอบอย่างชัดเจนว่าตอบสนองด้วยการเปลี่ยนเส้นทาง 302 หรือไม่แต่ไม่ทำตามการเปลี่ยนเส้นทาง jQuery $.ajaxดูเหมือนจะติดตามการเปลี่ยนเส้นทางเสมอ ฉันจะป้องกันสิ่งนี้และเห็นการเปลี่ยนเส้นทางโดยไม่ทำตามได้อย่างไร มีคำถามมากมายที่มีชื่อเรื่องเช่น "jquery ajax redirect" แต่ดูเหมือนว่าทั้งหมดจะเกี่ยวข้องกับการบรรลุเป้าหมายอื่น ๆ มากกว่าการตรวจสอบสถานะที่เซิร์ฟเวอร์ให้โดยตรง
94 jquery  ajax  http 

9
เรียกใช้ฟังก์ชัน PHP ด้วย onclick
ฉันกำลังค้นหาวิธีง่ายๆในการเรียกใช้ฟังก์ชัน PHPเฉพาะเมื่อมีการคลิกa-tag PHP: function removeday() { ... } HTML: <a href="" onclick="removeday()" class="deletebtn">Delete</a> อัปเดต:โค้ด html และ PHP อยู่ในไฟล์ PHP เดียวกัน
92 javascript  php  ajax  onclick 

6
ตอบสนอง - setState () บนส่วนประกอบที่ไม่ได้ต่อเชื่อม
ในส่วนประกอบการตอบสนองของฉันฉันพยายามใช้สปินเนอร์แบบธรรมดาในขณะที่คำขอ ajax กำลังดำเนินการอยู่ - ฉันใช้สถานะเพื่อเก็บสถานะการโหลด ด้วยเหตุผลบางประการโค้ดด้านล่างในองค์ประกอบการตอบสนองของฉันทำให้เกิดข้อผิดพลาดนี้ อัปเดตได้เฉพาะส่วนประกอบที่ติดตั้งหรือติดตั้งเท่านั้น โดยปกติจะหมายถึงคุณเรียกว่า setState () บนส่วนประกอบที่ไม่ได้ต่อเชื่อม นี่คือ no-op โปรดตรวจสอบรหัสสำหรับส่วนประกอบที่ไม่ได้กำหนด หากฉันกำจัดการเรียก setState แรกข้อผิดพลาดจะหายไป constructor(props) { super(props); this.loadSearches = this.loadSearches.bind(this); this.state = { loading: false } } loadSearches() { this.setState({ loading: true, searches: [] }); console.log('Loading Searches..'); $.ajax({ url: this.props.source + '?projectId=' + this.props.projectId, dataType: 'json', crossDomain: …


8
ฉันจะส่งอักขระ“ &” (ampersand) ผ่าน AJAX ได้อย่างไร
ฉันต้องการส่งตัวแปรสองสามตัวและสตริงด้วยPOSTวิธีการจาก JavaScript ฉันได้รับสตริงจากฐานข้อมูลจากนั้นส่งไปยังหน้า PHP ฉันกำลังใช้XMLHttpRequestวัตถุ ปัญหาคือสตริงมีอักขระสอง&สามครั้งและ$_POSTอาร์เรย์ใน PHP จะเห็นว่ามันเหมือนกับหลายคีย์ ฉันพยายามเปลี่ยน&ด้วย\&กับreplace()ฟังก์ชั่น แต่ก็ดูเหมือนจะไม่ทำอะไร ใครสามารถช่วย? โค้ดจาวาสคริปต์และสตริงมีลักษณะดังนี้: var wysiwyg = dijit.byId("wysiwyg").get("value"); var wysiwyg_clean = wysiwyg.replace('&','\&'); var poststr = "act=save"; poststr+="&titlu="+frm.value.titlu; poststr+="&sectiune="+frm.value.sectiune; poststr+="&wysiwyg="+wysiwyg_clean; poststr+="&id_text="+frm.value.id_text; xmlhttp.open("POST","lista_ajax.php",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send(poststr); สตริงคือ: <span class="style2">"Busola"</span>

6
รหัสสถานะ HTTP เป็น 0 มีความหมายหรือไม่?
ดูเหมือนว่าเมื่อคุณสร้าง XMLHttpRequest จากสคริปต์ในเบราว์เซอร์หากเบราว์เซอร์ถูกตั้งค่าให้ทำงานแบบออฟไลน์หรือหากดึงสายเคเบิลเครือข่ายออกคำขอจะเสร็จสมบูรณ์โดยมีข้อผิดพลาดและมีสถานะ = 0 0 ไม่อยู่ในรายการที่อนุญาต รหัสสถานะ HTTP รหัสสถานะ 0 หมายถึงอะไร? มันหมายถึงสิ่งเดียวกันในทุกเบราว์เซอร์และสำหรับยูทิลิตี้ไคลเอ็นต์ HTTP ทั้งหมดหรือไม่ เป็นส่วนหนึ่งของข้อมูลจำเพาะ HTTP หรือเป็นส่วนหนึ่งของข้อกำหนดโปรโตคอลอื่น ๆ หรือไม่ ดูเหมือนว่าจะหมายความว่าไม่สามารถส่งคำขอ HTTP ได้เลยบางทีอาจเป็นเพราะไม่สามารถแก้ไขที่อยู่เซิร์ฟเวอร์ได้ ข้อความแสดงข้อผิดพลาดใดเหมาะสมที่จะแสดงให้ผู้ใช้เห็น "คุณไม่ได้เชื่อมต่ออินเทอร์เน็ตหรือเว็บไซต์กำลังประสบปัญหาหรืออาจมีข้อผิดพลาดในการพิมพ์ที่อยู่"? ฉันควรเพิ่มสิ่งนี้เพื่อที่ฉันจะเห็นพฤติกรรมใน FireFox เมื่อตั้งค่าเป็น "ทำงานออฟไลน์" แต่ไม่ใช่ใน Microsoft Internet Explorer เมื่อตั้งค่าเป็น "ทำงานออฟไลน์" ใน IE ผู้ใช้จะได้รับกล่องโต้ตอบที่ให้ตัวเลือกในการออนไลน์ FireFox ไม่แจ้งผู้ใช้ก่อนส่งคืนข้อผิดพลาด ฉันขอสิ่งนี้เพื่อตอบสนองต่อคำขอให้ "แสดงข้อความแสดงข้อผิดพลาดที่ดีกว่า" สิ่งที่ Internet Explorer ทำได้ดี จะบอกผู้ใช้ว่าอะไรเป็นสาเหตุของปัญหาและให้ทางเลือกในการแก้ไขแก่ผู้ใช้ ในการให้ UX ที่เทียบเท่ากับ …

8
JQuery Ajax - วิธีตรวจจับข้อผิดพลาดการเชื่อมต่อเครือข่ายเมื่อทำการโทร Ajax
ฉันมีโค้ด Javascript JQuery ที่เรียก Ajax ไปยังเซิร์ฟเวอร์ทุกๆ 5 นาทีเพื่อให้เซสชันเซิร์ฟเวอร์มีชีวิตอยู่และให้ผู้ใช้ล็อกอินอยู่ฉันกำลังใช้$.ajax()วิธีการใน JQuery ดูเหมือนว่าฟังก์ชันนี้จะมีคุณสมบัติ 'ข้อผิดพลาด' ที่ฉันกำลังพยายามใช้ในกรณีที่การเชื่อมต่ออินเทอร์เน็ตของผู้ใช้หยุดทำงานเพื่อให้สคริปต์ KeepAlive ทำงานต่อไป ฉันใช้รหัสต่อไปนี้: var keepAliveTimeout = 1000 * 10; function keepSessionAlive() { $.ajax( { type: 'GET', url: 'http://www.mywebapp.com/keepAlive', success: function(data) { alert('Success'); setTimeout(function() { keepSessionAlive(); }, keepAliveTimeout); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('Failure'); setTimeout(function() { keepSessionAlive(); }, …

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