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

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

5
Rails ตรวจสอบว่าคำขอเป็น AJAX หรือไม่
ในการดำเนินการของฉันฉันต้องการตอบกลับด้วยการประมวลผลหากถูกเรียกจากคำขอ AJAX เท่านั้น ฉันจะตรวจสอบได้อย่างไร? ฉันต้องการทำสิ่งนี้: def action @model = Model.find(params[:id]) respond_to do |format| if (wasAJAXRequest()) #How do I do this? format.html #action.html.erb else format.html {redirect_to root_url} end end

8
history.replaceState () ตัวอย่าง?
มีใครให้ตัวอย่างการทำงานสำหรับ history.replaceState ได้ไหม นี่คือสิ่งที่w3.orgกล่าวว่า: history . replaceState(data, title [, url ] ) อัปเดตรายการปัจจุบันในประวัติเซสชันเพื่อให้มีข้อมูลชื่อเรื่องและหากระบุไว้และไม่เป็นค่าว่าง URL ปรับปรุง: สิ่งนี้ทำงานได้อย่างสมบูรณ์: history.replaceState( {} , 'foo', '/foo' ); URL กำลังเปลี่ยน แต่ชื่อไม่เปลี่ยน นั่นเป็นข้อบกพร่องหรือฉันทำอะไรหายไป? ทดสอบกับ Chrome รุ่นล่าสุด
127 javascript  ajax  html 

19
โหลดสคริปต์แบบอะซิงโครนัส
ฉันใช้ปลั๊กอินหลายตัววิดเจ็ตแบบกำหนดเองและไลบรารีอื่น ๆ จาก JQuery ส่งผลให้ฉันมีไฟล์. js และ. css หลายไฟล์ ฉันต้องการสร้างตัวโหลดสำหรับไซต์ของฉันเนื่องจากต้องใช้เวลาพอสมควรในการโหลด จะเป็นการดีถ้าฉันสามารถแสดงตัวโหลดก่อนที่จะนำเข้าทั้งหมด: <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/myFunctions.js"></script> <link type="text/css" href="css/main.css" rel="stylesheet" /> ... .... etc ฉันพบบทเรียนหลายอย่างที่ช่วยให้ฉันสามารถนำเข้าไลบรารี JavaScript แบบอะซิงโครนัสได้ ตัวอย่างเช่นฉันสามารถทำสิ่งต่างๆเช่น: (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'js/jquery-ui-1.8.16.custom.min.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, …

5
ความเสี่ยงด้านความปลอดภัยของการตั้งค่า Access-Control-Allow-Origin คืออะไร?
เมื่อเร็ว ๆ นี้ฉันต้องตั้งค่าAccess-Control-Allow-Originเป็น*เพื่อให้สามารถโทร ajax ข้ามโดเมนย่อยได้ ตอนนี้ฉันอดไม่ได้ที่จะรู้สึกว่ากำลังทำให้สภาพแวดล้อมเสี่ยงต่อความปลอดภัย โปรดช่วยฉันด้วยถ้าฉันทำผิด
124 ajax  security  cors 

2
ความแตกต่างระหว่าง contentType และ dataType ในฟังก์ชัน jQuery ajax
ฉันมีฟังก์ชั่นเรียกกลับ Jquery ต่อไปนี้และฉันมีข้อสงสัยเล็กน้อยเกี่ยวกับเรื่องนี้ (ฉันไม่รู้จัก Jquery ดีนัก): $("form.readXmlForm").submit(function() { // Riferimento all'elemento form che ha scatenato il submit var form = $(this); // Variabile che contiene il riferimento al bottone clickato var button = form.children(":first"); $.ajax({ // Viene eseguita la chiamata AJAX type: "POST", // Tipo di richiesta: POST // URL …
123 javascript  ajax  jquery 

4
จาก jquery $ .ajax ไปจนถึง angular $ http
ฉันมีโค้ด jQuery ชิ้นนี้ที่ใช้งานได้ดีจากต้นกำเนิดข้าม: jQuery.ajax({ url: "http://example.appspot.com/rest/app", type: "POST", data: JSON.stringify({"foo":"bar"}), dataType: "json", contentType: "application/json; charset=utf-8", success: function (response) { console.log("success"); }, error: function (response) { console.log("failed"); } }); ตอนนี้ฉันกำลังพยายามที่จะแปลงสิ่งนี้เป็นรหัส Angular.js โดยไม่ประสบความสำเร็จ: $http({ url: "http://example.appspot.com/rest/app", dataType: "json", method: "POST", data: JSON.stringify({"foo":"bar"}), headers: { "Content-Type": "application/json; charset=utf-8" } }).success(function(response){ $scope.response = response; …

8
การรวมฟอร์มการสมัคร AJAX Mailchimp
มีวิธีใดบ้างในการรวม mailchimp อย่างง่าย (การป้อนอีเมลหนึ่งรายการ) กับ AJAX ดังนั้นจึงไม่มีการรีเฟรชหน้าและไม่มีการเปลี่ยนเส้นทางไปยังหน้า mailchimp เริ่มต้น วิธีนี้ใช้ไม่ได้jQuery Ajax POST ไม่ทำงานกับ MailChimp ขอบคุณ

3
onload เท่ากับ readyState == 4 ใน XMLHttpRequest หรือไม่
ฉันสับสนเกี่ยวกับเหตุการณ์ผลตอบแทน xhr อย่างที่ฉันบอกได้ว่าonreadystatechange -> readyState == 4และ onload ไม่แตกต่างกันมากนักมันเป็นความจริงหรือไม่ var xhr = new XMLHttpRequest(); xhr.open("Get", url, false); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { /* do some thing*/ } }; xhr.send(null); หรือ xhr.onload = function() { /* do something */ }

14
โทเค็น Laravel csrf ไม่ตรงกันสำหรับ ajax POST Request
ฉันกำลังพยายามลบข้อมูลจากฐานข้อมูลผ่าน ajax HTML: @foreach($a as $lis) //some code <a href="#" class="delteadd" id="{{$lis['id']}}">Delete</a> //click action perform on this link @endforeach รหัส ajax ของฉัน: $('body').on('click', '.delteadd', function (e) { e.preventDefault(); //alert('am i here'); if (confirm('Are you sure you want to Delete Ad ?')) { var id = $(this).attr('id'); $.ajax({ method: "POST", url: …
122 php  jquery  ajax  laravel 

6
ความแตกต่างระหว่าง XMLHttpRequest, jQuery.ajax, jQuery.post, jQuery.get คืออะไร
ฉันจะรู้ได้อย่างไรว่าวิธีใดดีที่สุดสำหรับสถานการณ์ ใครช่วยยกตัวอย่างเพื่อให้ทราบถึงความแตกต่างของฟังก์ชันการทำงานและประสิทธิภาพ

5
ใช้ ASP.NET MVC validation กับ jquery ajax?
ฉันมีแอคชั่น ASP.NET MVC ง่ายๆดังนี้: public ActionResult Edit(EditPostViewModel data) { } EditPostViewModelมีแอตทริบิวต์การตรวจสอบเช่นนี้ [Display(Name = "...", Description = "...")] [StringLength(100, MinimumLength = 3, ErrorMessage = "...")] [Required()] public string Title { get; set; } ในมุมมองฉันกำลังใช้ตัวช่วยต่อไปนี้: @Html.LabelFor(Model => Model.EditPostViewModel.Title, true) @Html.TextBoxFor(Model => Model.EditPostViewModel.Title, new { @class = "tb1", @Style = "width:400px;" }) หากฉันส่งแบบฟอร์มที่กล่องข้อความนี้อยู่ในการตรวจสอบความถูกต้องจะดำเนินการก่อนบนไคลเอนต์จากนั้นจึงใช้บริการ …

7
jQuery เลิกใช้ XMLHTTPRequest แบบซิงโครนัสแล้ว
เช่นเดียวกับคนอื่น ๆ เว็บไซต์ของฉันใช้ jQuery เมื่อฉันเปิดเครื่องมือสำหรับนักพัฒนาฉันเห็นคำเตือนที่ระบุว่า XMLHTTPRequest คือ เลิกใช้งานเนื่องจากผลกระทบที่เป็นอันตรายต่อประสบการณ์ของผู้ใช้ปลายทาง ฉันอ่านบางส่วนของเอกสารแต่มันค่อนข้างเป็นเทคนิค มีใครสามารถอธิบายผลของการเปลี่ยนจาก XMLHTTPRequest เป็น WHATWG ได้หรือไม่? กล่าวว่าเกิดขึ้นในปี 2555 นอกจากนี้เอกสารยังระบุด้วยว่า Synchronous XMLHttpRequest ภายนอกคนงานกำลังอยู่ในขั้นตอนการลบออกจากแพลตฟอร์มเว็บเมื่อเป็นเช่นนั้นหากตัวแทนผู้ใช้มีพวกเขาในบริการพวกเขาจำเป็นต้องแก้ไขโค้ดที่มีอยู่หรือไม่


6
ใช้ jquery $ .ajax เพื่อเรียกใช้ฟังก์ชัน PHP
นี่อาจเป็นคำตอบง่ายๆ แต่ฉันใช้ $ .ajax ของ jQuery เพื่อเรียกสคริปต์ PHP สิ่งที่ฉันต้องการทำโดยทั่วไปคือวางสคริปต์ PHP นั้นไว้ในฟังก์ชันและเรียกใช้ฟังก์ชัน PHP จากจาวาสคริปต์ <?php if(isset($_POST['something'] { //do something } ?> สำหรับสิ่งนี้ <?php function test() { if(isset($_POST['something'] { //do something. } } ?> ฉันจะเรียกใช้ฟังก์ชันนั้นในจาวาสคริปต์ได้อย่างไร ตอนนี้ฉันใช้แค่ $ .ajax กับไฟล์ PHP ในรายการ
118 php  jquery  ajax 

5
ฉันจะโพสต์ข้อมูลแบบฟอร์มด้วย fetch api ได้อย่างไร
รหัสของฉัน: fetch("api/xxx", { body: new FormData(document.getElementById("form")), headers: { "Content-Type": "application/x-www-form-urlencoded", // "Content-Type": "multipart/form-data", }, method: "post", } ฉันพยายามโพสต์แบบฟอร์มของฉันโดยใช้ fetch api และเนื้อหาที่ส่งเป็นดังนี้: -----------------------------114782935826962 Content-Disposition: form-data; name="email" test@example.com -----------------------------114782935826962 Content-Disposition: form-data; name="password" pw -----------------------------114782935826962-- (ฉันไม่รู้ว่าทำไมจำนวนในขอบเขตถึงเปลี่ยนทุกครั้งที่ส่ง ... ) ฉันต้องการให้ส่งข้อมูลด้วย "Content-Type": "application / x-www-form-urlencoded" ฉันควรทำอย่างไร หรือหากฉันต้องจัดการกับมันฉันจะถอดรหัสข้อมูลในคอนโทรลเลอร์ได้อย่างไร? ใครที่ตอบคำถามของฉันฉันรู้ว่าฉันทำได้โดย: fetch("api/xxx", { body: "email=test@example.com&password=pw", headers: { "Content-Type": …

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