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

ตอนนี้ฉันกำลังประสบปัญหา CORS แปลก ๆ นี่คือข้อความแสดงข้อผิดพลาด: XMLHttpRequest cannot load http://localhost:8666/routeREST/select?q=[...] Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin เซิร์ฟเวอร์สองเครื่อง: localhost: 8666 / routeREST /: นี่คือเซิร์ฟเวอร์ Python Bottle แบบธรรมดา localhost: 8080 /: Python simpleHTTPserver ที่ฉันเรียกใช้แอปพลิเคชัน Javascript แอปนี้กำลังดำเนินการตามคำขอของ Ajax บนเซิร์ฟเวอร์ด้านบน มีความคิดเกี่ยวกับสิ่งที่อาจเป็นปัญหาหรือไม่? แก้ไข: และ ... พอร์ตคือปัญหา ขอบคุณสำหรับคำตอบ :) หากใครใช้เซิร์ฟเวอร์ Python bottle เช่นกันคุณสามารถทำตามคำตอบที่ให้ไว้ในโพสต์นี้เพื่อแก้ปัญหา CORS: Bottle Py: …

87 javascript  python  ajax  cross-domain  cors 

สาระสำคัญของ AJAX คืออะไร? ตัวอย่างเช่นฉันต้องการมีลิงก์บนเพจของฉันซึ่งเมื่อผู้ใช้คลิกลิงก์นี้ข้อมูลบางอย่างจะถูกส่งไปยังเซิร์ฟเวอร์ของฉันโดยไม่ต้องโหลดหน้าปัจจุบันซ้ำ นั่นคือ AJAX? ฉันสามารถรับพฤติกรรมนี้ได้โดยใช้ไอโซเฟรม ในรายละเอียดเพิ่มเติมฉันใส่ลิงค์ (สมมติว่าเป็นภาพขนาดเล็ก) ใน isoframe ขนาดเล็ก เมื่อผู้ใช้คลิกลิงก์นี้เบราว์เซอร์จะโหลดเฉพาะเพจใน isoframe อีกครั้ง อย่างไรก็ตามฉันคิดว่ามันไม่ใช่วิธีที่สวยหรูในการไปถึงเป้าหมาย คิดว่าต้องใช้ AJAX มันทำงานอย่างไร? การใช้ XHTML สามารถแก้ปัญหาที่พิจารณาได้อย่างสวยงามหรือไม่? หรือฉันต้องใช้ JavaScripts? ฉันไม่ต้องการอะไรมาก ฉันแค่ต้องการมีลิงค์เล็ก ๆ ซึ่ง (หลังจากคลิก) ส่งข้อมูลบางอย่างไปยังเซิร์ฟเวอร์ สมมติว่าฉันมี "รูปดารา" อยู่ใกล้ข้อความ หากผู้ใช้คลิกที่ดาว (เขา / เธอชอบข้อความ) ดาวจะเปลี่ยนสีและฐานข้อมูลการอัปเดตเซิร์ฟเวอร์ของฉัน (เพื่อจำไว้ว่าผู้ใช้ชอบข้อความนั้น)

87 javascript  ajax 

รหัสต่อไปนี้ทริกเกอร์ GET แทนที่จะเป็นคำขอ POST HTTP function AddToDatabase() { this.url = './api/add'; } AddToDatabase.prototype.postData = function(dataToPost) { $.ajax({ type: "POST", url: this.url, data: dataToPost, context: this, success: this.onSuccess }); }; var AddToDatabase = new AddToDatabase(); data = {data: 'coucou'}; AddToDatabase.postData(data); ทำไมและฉันจะรับโพสต์ได้อย่างไร? ฉันเห็นใน Google Chrome Inspect และ Firefox Inspect ว่าเบราว์เซอร์ส่ง GET มาจาก …

87 jquery  ajax 

ฉันกำลังพยายามเชื่อมต่อสคริปต์กับแอป World-Wide Telescope ของ Microsoft ฟังก์ชั่นหลังบนพอร์ต 5050 สำหรับคำสั่ง มันทำงานบนเครื่องเดียวกับเบราว์เซอร์ (Chrome ตอนนี้ แต่เท่าที่ฉันสามารถบอกได้ว่าลักษณะการทำงานเหมือนกันกับ Firefox 7 และ IE 9) ฉันกำลังส่งส่วนหัว "Access-Control-Allow-Origin: *" พร้อมไฟล์ html ดั้งเดิมเพื่อพยายามกำจัดข้อ จำกัด XSS ซึ่งเป็นปัญหาของฉัน รหัสของฉันในการเข้าถึง WWT มีดังนี้: $.ajax({ type: 'POST', url: url, data: data, crossDomain: true, success: success, dataType: dataType }); url ในกรณีนี้คือ "http: //127.0.0.1: 5050 / layerApi.aspx? …

87 javascript  jquery  ajax 

attempt_loginวิธีการต่อไปนี้เรียกว่าโดยใช้ Ajax หลังจากส่งแบบฟอร์มการเข้าสู่ระบบ class AccessController < ApplicationController [...] def attempt_login authorized_user = User.authenticate(params[:username], params[:password]) if authorized_user session[:user_id] = authorized_user.id session[:username] = authorized_user.username flash[:notice] = "Hello #{authorized_user.name}." redirect_to(:controller => 'jobs', :action => 'index') else [...] end end end ปัญหาคือredirect_toไม่ได้ผล คุณจะแก้ปัญหานี้อย่างไร?

85 ruby-on-rails  ajax  ruby-on-rails-3  redirect 

นี่คือจาวาสคริปต์ของฉัน: function getWeather() { $.getJSON('getTemperature/' + $('.data option:selected').val(), null, function(data) { alert('Success'); }); } นี่คือตัวควบคุมของฉัน: @RequestMapping(value="/getTemperature/{id}", headers="Accept=*/*", method = RequestMethod.GET) @ResponseBody public Weather getTemparature(@PathVariable("id") Integer id){ Weather weather = weatherService.getCurrentWeather(id); return weather; } spring-servlet.xml <context:annotation-config /> <tx:annotation-driven /> รับข้อผิดพลาดนี้: GET http://localhost:8080/web/getTemperature/2 406 (Not Acceptable) ส่วนหัว: ส่วนหัวการตอบกลับ Server Apache-Coyote/1.1 Content-Type text/html;charset=utf-8 …

85 java  javascript  ajax  json  spring 

ฉันมีหน้าที่ใช้ Google Maps API เพื่อแสดงแผนที่ เมื่อฉันโหลดหน้าโดยตรงแผนที่จะปรากฏขึ้น อย่างไรก็ตามเมื่อฉันพยายามโหลดหน้าโดยใช้ AJAX ฉันได้รับข้อผิดพลาด: Uncaught ReferenceError: google is not defined ทำไมถึงเป็นแบบนี้? นี่คือหน้าที่มีแผนที่: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script> var directionsDisplay; var directionsService = new google.maps.DirectionsService(); var map; function initialize() { directionsDisplay = new google.maps.DirectionsRenderer(); var chicago = new google.maps.LatLng(41.850033, -87.6500523); var mapOptions = { zoom:7, mapTypeId: …

85 ajax  google-maps-api-3 

เว็บแอปพลิเคชันของฉันมีหน้าเข้าสู่ระบบที่ส่งข้อมูลรับรองการรับรองความถูกต้องผ่านการโทร AJAX หากผู้ใช้ป้อนชื่อผู้ใช้และรหัสผ่านที่ถูกต้องทุกอย่างก็เรียบร้อย แต่หากไม่เป็นเช่นนั้นสิ่งต่อไปนี้จะเกิดขึ้น: เว็บเซิร์ฟเวอร์พิจารณาว่าแม้ว่าคำขอจะมีส่วนหัวการอนุญาตที่มีรูปแบบที่ดี แต่ข้อมูลประจำตัวในส่วนหัวจะไม่สามารถพิสูจน์ตัวตนได้สำเร็จ เว็บเซิร์ฟเวอร์ส่งคืนรหัสสถานะ 401 และมีส่วนหัว WWW-Authenticate อย่างน้อยหนึ่งรายการแสดงประเภทการรับรองความถูกต้องที่สนับสนุน เบราว์เซอร์ตรวจพบว่าการตอบสนองต่อการเรียกของฉันบนอ็อบเจ็กต์ XMLHttpRequest คือ 401 และการตอบสนองรวมถึงส่วนหัว WWW-Authenticate จากนั้นจะปรากฏกล่องโต้ตอบการตรวจสอบความถูกต้องเพื่อถามชื่อผู้ใช้และรหัสผ่านอีกครั้ง ทั้งหมดนี้ใช้ได้ดีจนถึงขั้นตอนที่ 3 ฉันไม่ต้องการให้กล่องโต้ตอบปรากฏขึ้นฉันต้องการจัดการการตอบสนอง 401 ในฟังก์ชันการโทรกลับ AJAX ของฉัน (ตัวอย่างเช่นการแสดงข้อความแสดงข้อผิดพลาดในหน้าล็อกอิน) แน่นอนว่าฉันต้องการให้ผู้ใช้ป้อนชื่อผู้ใช้และรหัสผ่านอีกครั้ง แต่ฉันต้องการให้พวกเขาเห็นแบบฟอร์มการเข้าสู่ระบบที่เป็นมิตรและมั่นใจของฉันไม่ใช่ค่าเริ่มต้นของเบราว์เซอร์ที่น่าเกลียด กล่องโต้ตอบการตรวจสอบสิทธิ์ บังเอิญฉันไม่สามารถควบคุมเซิร์ฟเวอร์ได้ดังนั้นการส่งคืนรหัสสถานะที่กำหนดเอง (เช่นอย่างอื่นที่ไม่ใช่ 401) จึงไม่ใช่ตัวเลือก มีวิธีใดบ้างที่ฉันสามารถระงับกล่องโต้ตอบการตรวจสอบสิทธิ์ได้ โดยเฉพาะอย่างยิ่งฉันสามารถระงับกล่องโต้ตอบที่จำเป็นในการตรวจสอบสิทธิ์ใน Firefox 2 หรือใหม่กว่าได้หรือไม่ มีวิธีใดในการระงับกล่องโต้ตอบConnect to [host]ใน IE 6 และใหม่กว่า แก้ไข ข้อมูลเพิ่มเติมจากผู้เขียน (18 ก.ย. ): ฉันควรเพิ่มว่าปัญหาที่แท้จริงของกล่องโต้ตอบการตรวจสอบสิทธิ์ของเบราว์เซอร์ที่ปรากฏขึ้นคือการให้ข้อมูลที่ไม่เพียงพอแก่ผู้ใช้ …

85 javascript  ajax  http-authentication 

เป็นที่ยอมรับว่ามีคำถามคล้าย ๆ กันอยู่ใน Stack Overflow แต่ดูเหมือนว่าจะไม่มีอะไรตรงตามความต้องการของฉัน นี่คือสิ่งที่ฉันต้องการทำ: อัปโหลดรูปแบบข้อมูลทั้งหมดซึ่งเป็นไฟล์เดียว ทำงานกับไลบรารีการอัปโหลดไฟล์ของ Codeigniter จนถึงที่นี่ทุกอย่างเรียบร้อยดี ข้อมูลเข้าสู่ฐานข้อมูลของฉันตามที่ฉันต้องการ แต่ฉันต้องการส่งแบบฟอร์มของฉันผ่านทางโพสต์ AJAX: ใช้ HTML5 File API ดั้งเดิมไม่ใช่แฟลชหรือโซลูชัน iframe ควรเชื่อมต่อกับ.ajax()เมธอด jQuery ระดับต่ำ ฉันคิดว่าฉันสามารถจินตนาการได้ว่าจะทำอย่างไรโดยการอัปโหลดไฟล์อัตโนมัติเมื่อค่าของฟิลด์เปลี่ยนไปโดยใช้จาวาสคริปต์บริสุทธิ์ แต่ฉันควรทำทั้งหมดในครั้งเดียวเพื่อส่งใน jQuery ฉันคิดว่ามันเป็นไปไม่ได้ที่จะทำผ่านสตริงการสืบค้นเนื่องจากฉันต้องการส่งผ่านวัตถุไฟล์ทั้งหมด แต่ฉันหลงทางเล็กน้อยในสิ่งที่ต้องทำในตอนนี้ สามารถทำได้หรือไม่?

84 javascript  jquery  ajax  html  file-upload 

ฉันมีตัวกรอง AJAX ที่กำหนดไว้อย่างดีในสองส่วนส่วนหนึ่งสำหรับปุ่มโหลดเพิ่มและอีกหนึ่งตัวเลือกสำหรับตัวกรองแบบหล่นลง ทั้งสองโหลดรายการของคุณสมบัติบน front-end ใน AJAX และทำงานร่วมกันอย่างพร้อมเพรียง (เช่นถ้าฉันเลือกราคาต่ำสุดราคาสูงสุดและจำนวนเตียงในรายการแบบเลื่อนลงรีเฟรชรายการและปุ่มโหลดจะทำงานตามที่ควร) . ตัวกรองเดียวกันยังทำงานกับพารามิเตอร์ URL ตัวอย่างเช่นหาก URL เป็น: mydomain.com/?min_price=100000&max_price=5000000&beds=3&page=3 มันจะกรองตามพารามิเตอร์เหล่านั้น มันยังแสดงคุณสมบัติที่มีมูลค่า 3 หน้าอย่างที่ควรจะเป็น วิธีนี้ใช้งานได้ดีรวมถึงการโหลดครั้งแรก อย่างไรก็ตามมันจะไม่ทำงานกับการแบ่งหน้าถ้าโหลด URL โดยตรง หากฉันป้อน URL ข้างต้นลงในเบราว์เซอร์โดยตรงและโหลดผลลัพธ์เริ่มต้นนั้นถูกต้อง แต่เมื่อคลิกปุ่มโหลดเพิ่มเติมระบบจะเปลี่ยนหน้า = 3 เป็นหน้า = 4 (ถูกต้อง) แต่จะผนวกหน้าสองของคุณสมบัติที่เสร็จสมบูรณ์โดยไม่มีการกรอง และยังคงทำเช่นนั้น - แทนที่จะดำเนินการแบ่งหน้ากรอง ผมทำอะไรผิดหรือเปล่า? นี่คือรหัสของฉัน (ขออภัยมันมาก!) JS: jQuery(function($){ // AJAX Stuff for filters + load …

9 php  jquery  ajax  wordpress