การเขียนโปรแกรม ajax

8

jQuery ajax นิยามฟังก์ชันการเรียกกลับสำเร็จ

ฉันต้องการใช้ jQuery ajax เพื่อดึงข้อมูลจากเซิร์ฟเวอร์ ฉันต้องการใส่นิยามฟังก์ชันการเรียกกลับสำเร็จนอก.ajax()บล็อกดังต่อไปนี้ ดังนั้นฉันต้องประกาศตัวแปรdataFromServerดังต่อไปนี้เพื่อที่ฉันจะสามารถใช้ข้อมูลที่ส่งคืนจากการเรียกกลับสำเร็จได้หรือไม่ ฉันเคยเห็นคนส่วนใหญ่กำหนดการเรียกกลับสำเร็จภายใน.ajax()บล็อก รหัสต่อไปนี้ถูกต้องหรือไม่หากฉันต้องการกำหนดการเรียกกลับความสำเร็จภายนอก var dataFromServer; //declare the variable first function getData() { $.ajax({ url : 'example.com', type: 'GET', success : handleData(dataFromServer) }) } function handleData(data) { alert(data); //do some stuff }

91 javascript jquery ajax

12

วิธีเข้ารหัสเอนทิตีหลักคำสอนเป็น JSON ในแอปพลิเคชัน Symfony 2.0 AJAX

ฉันกำลังพัฒนาแอพเกมและใช้ Symfony 2.0 ฉันมีคำขอ AJAX จำนวนมากไปยังแบ็กเอนด์ และการตอบสนองเพิ่มเติมคือการแปลงเอนทิตีเป็น JSON ตัวอย่างเช่น: class DefaultController extends Controller { public function launchAction() { $user = $this->getDoctrine() ->getRepository('UserBundle:User') ->find($id); // encode user to json format $userDataAsJson = $this->encodeUserDataToJson($user); return array( 'userDataAsJson' => $userDataAsJson ); } private function encodeUserDataToJson(User $user) { $userData = array( 'id' => $user->getId(), …

91 ajax doctrine doctrine-orm symfony

10

ฉันจะตรวจสอบได้อย่างไรว่าผู้ใช้เข้ามาที่เพจโดยใช้ปุ่มย้อนกลับ?

คำถามนี้คล้ายกับติดตามเมื่อผู้ใช้กดปุ่มย้อนกลับบนเบราว์เซอร์แต่ไม่เหมือนกัน ... ฉันมีวิธีแก้ปัญหาและกำลังโพสต์ไว้ที่นี่เพื่ออ้างอิงและแสดงความคิดเห็น ถ้าใครมีตัวเลือกที่ดีกว่านี้ฉันหูชา! สถานการณ์คือฉันมีหน้าที่ "แก้ไขในสถานที่" a la flickr คือมี DIV "คลิกที่นี่เพื่อเพิ่มคำอธิบาย" ซึ่งเมื่อคลิกแล้วจะเปลี่ยนเป็น TEXTAREA พร้อมปุ่มบันทึกและยกเลิก คลิกบันทึกโพสต์ข้อมูลไปยังเซิร์ฟเวอร์เพื่ออัปเดตฐานข้อมูลและวางคำอธิบายใหม่ใน DIV แทน TEXTAREA หากรีเฟรชเพจคำอธิบายใหม่จะแสดงจากฐานข้อมูลพร้อมตัวเลือก "คลิกเพื่อแก้ไข" สิ่งที่เป็นมาตรฐานของเว็บ 2.0 ในทุกวันนี้ ปัญหาคือถ้า: เพจถูกโหลดโดยไม่มีคำอธิบาย คำอธิบายถูกเพิ่มโดยผู้ใช้ หน้านี้ถูกนำทางออกไปโดยการคลิกลิงก์ ผู้ใช้คลิกปุ่มย้อนกลับ จากนั้นสิ่งที่แสดง (จากแคชของเบราว์เซอร์) คือเวอร์ชันของเพจที่ไม่มี DIV ที่แก้ไขแบบไดนามิกซึ่งมีคำอธิบายใหม่ นี่เป็นปัญหาใหญ่พอสมควรเนื่องจากผู้ใช้สันนิษฐานว่าการอัปเดตของตนสูญหายและไม่จำเป็นต้องเข้าใจว่าต้องรีเฟรชหน้าเพื่อดูการเปลี่ยนแปลง ดังนั้นคำถามคือคุณจะตั้งค่าสถานะเพจว่าถูกแก้ไขหลังจากโหลดได้อย่างไรแล้วตรวจจับเมื่อผู้ใช้ "ย้อนกลับไป" และบังคับให้รีเฟรชในสถานการณ์นั้น

90 ajax browser back-button

12

เป็นไปได้ไหมที่จะดีบัก JavaScript ที่โหลดแบบไดนามิกโดยดีบักเกอร์เช่น WebKit, FireBug หรือ IE8 Developer Tool

จากคำถามล่าสุดของฉันฉันได้สร้างฟังก์ชัน JavaScript สำหรับการโหลดแบบไดนามิกบางส่วนแล้ว ดังนั้นฉันจึงไม่สามารถดีบัก JavaScript ที่โหลดแบบไดนามิกได้ เนื่องจาก JavaScript ที่โหลดทั้งหมดจะถูกประเมินโดยฟังก์ชัน "eval" อย่างไรก็ตามฉันพบวิธีบางอย่างในการสร้าง JavaScript ใหม่โดยใช้สคริปต์ต่อไปนี้เพื่อสร้างสคริปต์ในส่วนหัวของเอกสารปัจจุบันแบบไดนามิก สคริปต์ที่โหลดทั้งหมดจะแสดงใน HTML DOM (ซึ่งคุณสามารถใช้ดีบักเกอร์ใดก็ได้เพื่อค้นหา) var script = document.createElement('script') script.setAttribute("type","text/javascript") script.text = "alert('Test!');"; document.getElementsByTagName('head')[0].appendChild(script); อย่างไรก็ตามดีบักเกอร์ส่วนใหญ่ (แถบเครื่องมือสำหรับนักพัฒนา IE8, Firebug และ Google Chrome) ไม่สามารถตั้งค่าเบรกพอยต์ในสคริปต์ไดนามิกใด ๆ เนื่องจากต้องโหลดสคริปต์ debuggable ในครั้งแรกหลังจากโหลดเพจแล้ว คุณมีแนวคิดในการแก้ไขข้อบกพร่องในเนื้อหาสคริปต์แบบไดนามิกหรือไฟล์หรือไม่? อัปเดต 1 - เพิ่มซอร์สโค้ดสำหรับการทดสอบ คุณสามารถใช้ไฟล์ xhtml ต่อไปนี้เพื่อพยายามดีบักค่า someVariable <!DOCTYPE html PUBLIC …

90 javascript ajax

5

ฉันจะทราบได้อย่างไรว่า jQuery มีคำขอ Ajax ที่รอดำเนินการอยู่

ฉันมีปัญหากับการควบคุม jQuery ที่เราทำ สมมติว่าคุณมีรายการแบบเลื่อนลงที่ให้คุณป้อน ID ของรายการที่คุณกำลังมองหาและเมื่อคุณกด ENTER หรือสูญเสียโฟกัสในกล่องข้อความระบบจะตรวจสอบความถูกต้องผ่าน jQuery ว่า ID ที่คุณป้อนนั้นถูกต้องโดยจะแสดงการแจ้งเตือนหากไม่มี 't. สิ่งนี้ก็คือเมื่อผู้ใช้ทั่วไปป้อนค่าที่ไม่ถูกต้องในนั้นและสูญเสียโฟกัสโดยการกดปุ่มส่งโพสต์ jQuery จะส่งคืนหลังจากส่งแบบฟอร์มแล้ว มีวิธีใดบ้างที่ฉันสามารถตรวจสอบว่ามีการประมวลผลคำขอ Async โดย jQuery หรือไม่เพื่อที่ฉันจะไม่อนุญาตให้ส่งแบบฟอร์ม

90 jquery ajax xmlhttprequest

2

jQuery xml error 'No' Access-Control-Allow-Origin 'มีอยู่ในทรัพยากรที่ร้องขอ'

ฉันกำลังทำโปรเจ็กต์ส่วนตัวของฉันเพื่อความสนุกที่ฉันต้องการอ่านไฟล์ xml ซึ่งอยู่ที่http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml และแยกวิเคราะห์ xml และ ใช้เพื่อแปลงค่าระหว่างสกุลเงิน จนถึงตอนนี้ฉันได้สร้างโค้ดด้านล่างซึ่งค่อนข้างธรรมดาเพื่ออ่าน xml แต่ฉันได้รับข้อผิดพลาดต่อไปนี้ XMLHttpRequest ไม่สามารถโหลด **** ไม่มีส่วนหัว "Access-Control-Allow-Origin" ในทรัพยากรที่ร้องขอ Origin ' http://run.jsbin.com ' จึงไม่อนุญาตให้เข้าถึง $(document).ready( function() { $.ajax({ type: 'GET', url: 'http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml', dataType: 'xml', success: function(xml){ alert('aaa'); } }); } ); ฉันไม่เห็นอะไรผิดปกติกับรหัสของฉันดังนั้นฉันหวังว่าจะมีคนชี้ให้เห็นว่าฉันทำอะไรผิดกับรหัสของฉันและฉันจะแก้ไขได้อย่างไร

89 javascript jquery ajax xml-parsing cors

8

ตรวจไม่พบผลลัพธ์ในการเติมข้อความอัตโนมัติ jQuery UI

ก่อนที่คุณจะชี้ให้ฉันดูพวกเขาใช่ฉันได้ตรวจสอบโพสต์ครึ่งโหลในหัวข้อนี้แล้ว แต่ฉันก็ยังลังเลว่าทำไมถึงไม่ได้ผล เป้าหมายของฉันคือตรวจจับเมื่อการเติมข้อความอัตโนมัติให้ผลลัพธ์ 0 นี่คือรหัส: $.ajax({ url:'sample_list.foo2', type: 'get', success: function(data, textStatus, XMLHttpRequest) { var suggestions=data.split(","); $("#entitySearch").autocomplete({ source: suggestions, minLength: 3, select: function(e, ui) { entityAdd(ui.item.value); }, open: function(e, ui) { console.log($(".ui-autocomplete li").size()); }, search: function(e,ui) { console.log("search returned: " + $(".ui-autocomplete li").size()); }, close: function(e,ui) { console.log("on close" + …

89 jquery ajax jquery-ui jquery-ui-autocomplete

7

jQuery ajax (jsonp) ละเว้นการหมดเวลาและไม่เริ่มเหตุการณ์ข้อผิดพลาด

ในการเพิ่มการจัดการข้อผิดพลาดพื้นฐานฉันต้องการเขียนโค้ดใหม่ที่ใช้ $ .getJSON ของ jQuery เพื่อดึงภาพถ่ายบางส่วนจาก Flickr เหตุผลในการทำเช่นนี้คือ $ .getJSON ไม่มีการจัดการข้อผิดพลาดหรือทำงานกับการหมดเวลา เนื่องจาก $ .getJSON เป็นเพียงกระดาษห่อหุ้มที่มีราคาประมาณ $ .ajax ฉันจึงตัดสินใจเขียนสิ่งนี้ใหม่และสร้างความประหลาดใจให้กับมันจึงทำงานได้อย่างไม่มีที่ติ ตอนนี้ความสนุกเริ่มต้นขึ้น เมื่อฉันจงใจทำให้เกิด 404 (โดยการเปลี่ยน URL) หรือทำให้เครือข่ายหมดเวลา (โดยไม่เชื่อมต่อกับอินเตอร์เว็บ) เหตุการณ์ข้อผิดพลาดจะไม่เริ่มทำงานเลย ฉันสูญเสียสิ่งที่ฉันทำผิด ความช่วยเหลือเป็นที่ชื่นชมมาก นี่คือรหัส: $(document).ready(function(){ // var jsonFeed = "http://api.flickr.com/services/feeds/photos_public.gne"; // correct URL var jsonFeed = "http://api.flickr.com/services/feeds/photos_public.gne_______"; // this should throw a 404 $.ajax({ url: …

89 jquery ajax error-handling timeout jsonp

1

jsonp กับ jquery [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ คุณสามารถยกตัวอย่างง่ายๆในการอ่านคำขอ jsonp ด้วย jquery ได้หรือไม่? ฉันไม่สามารถทำให้มันทำงานได้

89 jquery ajax jsonp

5

'ผนวก' เรียกบนวัตถุที่ไม่ใช้อินเทอร์เฟซ FormData

ฉันพยายามอัปโหลดภาพด้วย jquery และ ajax แต่สิ่งที่น่าประหลาดเกิดขึ้นที่นี่ ในคอนโซลบันทึกการแสดง TypeError: 'append' เรียกบนวัตถุที่ไม่ใช้อินเทอร์เฟซ FormData ช่วยบอกฉันทีว่าฉันทำอะไรผิด? สคริปต์ JS var prosrc=$("#pro_pix img").last().attr("src"); $("#logoform").on('change',function(event){ var postData = new FormData(this); $("#pro_pix img").last().hide(); $("#pro_pix img").first().show(); event.preventDefault(); $.ajax( { url : "/function/pro_pic_upload.php", type: "POST", data : postData, success:function(data, textStatus, jqXHR) { $("#pro_pix img").last().show(); $("#pro_pix img").first().hide(); $("#pro_pix h6").text(data); }, error: function(jqXHR, …

89 javascript jquery ajax

6

ใช้ตัวบ่งชี้การโหลดสำหรับการเรียก jQuery AJAX

ฉันมีโมดอล Bootstrap ซึ่งเปิดใช้จากลิงค์ ประมาณ 3 วินาทีมันจะว่างเปล่าในขณะที่คิวรี AJAX ดึงข้อมูลจากฐานข้อมูล ฉันจะติดตั้งตัวบ่งชี้การโหลดบางประเภทได้อย่างไร twitter bootstrap มีฟังก์ชันนี้เป็นค่าเริ่มต้นหรือไม่ แก้ไข: รหัส JS สำหรับโมดอล <script type="text/javascript"> $('#myModal').modal('hide'); $('div.divBox a').click(function(){ var vendor = $(this).text(); $('#myModal').off('show'); $('#myModal').on('show', function(){ $.ajax({ type: "GET", url: "ip.php", data: "id=" + vendor, success: function(html){ $("#modal-body").html(html); $(".modal-header h3").html(vendor); $('.countstable1').dataTable({ "sDom": "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": …

88 javascript jquery html ajax

14

วิธีรับการตอบสนอง ASP.NET MVC Ajax เพื่อเปลี่ยนเส้นทางไปยังหน้าใหม่แทนที่จะแทรกมุมมองลงใน UpdateTargetId

ฉันใช้ Ajax BeginForm เพื่อสร้างแบบฟอร์มซึ่งจะทำการโพสต์แบ็คของ ajax ไปยังแอ็คชันคอนโทรลเลอร์บางอย่างจากนั้นหากการดำเนินการสำเร็จผู้ใช้ควรได้รับการเปลี่ยนเส้นทางไปยังเพจอื่น (หากการดำเนินการล้มเหลวข้อความสถานะจะแสดงโดยใช้ AjaxOptions UpdateTargetId) using (Ajax.BeginForm("Delete", null, new { userId = Model.UserId }, new AjaxOptions { UpdateTargetId = "UserForm", LoadingElementId = "DeletingDiv" }, new { name = "DeleteForm", id = "DeleteForm" })) { [HTML DELETE BUTTON] } หากการลบสำเร็จฉันจะส่งคืนผลลัพธ์การเปลี่ยนเส้นทาง: [Authorize] public ActionResult Delete(Int32 UserId) { UserRepository.DeleteUser(UserId); …

88 c# ajax asp.net-mvc asp.net-mvc-ajax

20

jQuery จะไม่แยกวิเคราะห์ JSON ของฉันจากแบบสอบถาม AJAX

ฉันมีปัญหาในการแยกวิเคราะห์ข้อมูล JSON ที่ส่งคืนจากเซิร์ฟเวอร์ของฉันโดยใช้ jQuery.ajax () ในการดำเนินการ AJAX ฉันใช้: $.ajax({ url: myUrl, cache: false, dataType: "json", success: function(data){ ... }, error: function(e, xhr){ ... } }); และถ้าฉันส่งคืนอาร์เรย์ของรายการมันก็ใช้ได้ดี: [ { title: "One", key: "1" }, { title: "Two", key: "2" } ] ฟังก์ชันความสำเร็จถูกเรียกและรับวัตถุที่ถูกต้อง อย่างไรก็ตามเมื่อฉันพยายามส่งคืนวัตถุชิ้นเดียว: { title: "One", key: "1" } ฟังก์ชันข้อผิดพลาดถูกเรียกใช้และ xhr …

88 jquery ajax json

20

มีเหตุผลใดบ้างที่จะใช้ XMLHttpRequest แบบซิงโครนัส

ดูเหมือนว่าทุกคนส่วนใหญ่จะส่งคำขอแบบอะซิงโครนัสกับ XMLHttpRequest แต่เห็นได้ชัดว่ามีความสามารถในการร้องขอแบบซิงโครนัสบ่งชี้ว่าอาจมีเหตุผลที่ถูกต้องในการทำเช่นนั้น แล้วเหตุผลที่ถูกต้องนั่นคืออะไร?

88 javascript ajax

2

ควรใช้ valueChangeListener หรือ f: ajax listener เมื่อใด

อะไรคือความแตกต่างระหว่างรหัสสองส่วนต่อไปนี้ - เกี่ยวกับlistenerตำแหน่ง? <h:selectOneMenu ...> <f:selectItems ... /> <f:ajax listener="#{bean.listener}" /> </h:selectOneMenu> และ <h:selectOneMenu ... valueChangeListener="#{bean.listener}"> <f:selectItems ... /> </h:selectOneMenu>

88 ajax jsf jsf-2 listener valuechangelistener

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