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

ฉันต้องการส่ง JSON (ซึ่งฉันสามารถสตริงได้) ไปยังเซิร์ฟเวอร์และเพื่อดึง JSON ที่เป็นผลลัพธ์ทางฝั่งผู้ใช้โดยไม่ต้องใช้ JQuery ถ้าฉันควรใช้ GET ฉันจะส่ง JSON เป็นพารามิเตอร์ได้อย่างไร มีความเสี่ยงที่จะนานเกินไปหรือไม่? ถ้าฉันควรใช้ POST ฉันจะตั้งค่าonloadฟังก์ชันที่เทียบเท่าใน GET ได้อย่างไร หรือควรใช้วิธีอื่นดี? สังเกต คำถามนี้ไม่เกี่ยวกับการส่ง AJAX ธรรมดา ไม่ควรปิดว่าซ้ำกัน

116 javascript  json  post  get  xmlhttprequest 

ดูเหมือนแปลกฉันไม่พบสิ่งนี้ที่ถามไปแล้ว แต่นี่มันไปแล้ว! ฉันมี html ดังนี้: <select id="select-meal-type" multiple="multiple"> <option value="1">Breakfast</option> <option value="2">Lunch</option> <option value="3">Dinner</option> <option value="4">Snacks</option> <option value="5">Dessert</option> </select> ฉันจะรับค่าทั้งหมด (อาร์เรย์) ที่ผู้ใช้เลือกในจาวาสคริปต์ได้อย่างไร ตัวอย่างเช่นหากผู้ใช้เลือกอาหารกลางวันและของว่างฉันต้องการอาร์เรย์เป็น {2, 4} ดูเหมือนว่ามันจะเป็นงานง่ายๆ แต่ดูเหมือนจะทำไม่ได้ ขอบคุณ.

116 javascript  jquery  html 

ฉันกำลังเขียนเว็บแอปใน Angular ที่มีการจัดการการตรวจสอบความถูกต้องโดยโทเค็น JWT ซึ่งหมายความว่าทุกคำขอจะมีส่วนหัว "การตรวจสอบสิทธิ์" พร้อมข้อมูลที่จำเป็นทั้งหมด ใช้งานได้ดีสำหรับการโทร REST แต่ฉันไม่เข้าใจว่าฉันควรจัดการลิงก์ดาวน์โหลดสำหรับไฟล์ที่โฮสต์บนแบ็กเอนด์อย่างไร (ไฟล์อยู่บนเซิร์ฟเวอร์เดียวกันกับที่โฮสต์บริการเว็บ) ฉันไม่สามารถใช้<a href='...'/>ลิงก์ปกติได้เนื่องจากไม่มีส่วนหัวใด ๆ และการตรวจสอบความถูกต้องจะล้มเหลว window.open(...)เหมือนกันสำหรับคาถาต่างๆของ วิธีแก้ปัญหาบางอย่างที่ฉันนึกถึง: สร้างลิงค์ดาวน์โหลดชั่วคราวที่ไม่ปลอดภัยบนเซิร์ฟเวอร์ ส่งผ่านข้อมูลการพิสูจน์ตัวตนเป็นพารามิเตอร์ url และจัดการเคสด้วยตนเอง รับข้อมูลผ่าน XHR และบันทึกไฟล์ฝั่งไคลเอ็นต์ ทั้งหมดที่กล่าวมาน้อยกว่าที่น่าพอใจ 1 เป็นวิธีแก้ปัญหาที่ฉันใช้อยู่ตอนนี้ ฉันไม่ชอบด้วยเหตุผลสองประการประการแรกมันไม่เหมาะกับการรักษาความปลอดภัยอย่างที่สองมันใช้งานได้ แต่ต้องใช้งานค่อนข้างมากโดยเฉพาะบนเซิร์ฟเวอร์: เพื่อดาวน์โหลดสิ่งที่ฉันต้องเรียกใช้บริการที่สร้าง "สุ่ม" ใหม่ "url เก็บไว้ที่ใดที่หนึ่ง (อาจอยู่ในฐานข้อมูล) สักระยะหนึ่งแล้วส่งคืนให้กับลูกค้า ไคลเอนต์ได้รับ url และใช้ window.open หรือคล้ายกับมัน เมื่อได้รับการร้องขอ url ใหม่ควรตรวจสอบว่ายังถูกต้องหรือไม่จากนั้นจึงส่งคืนข้อมูล 2 ดูเหมือนว่าอย่างน้อยก็ทำงานได้มาก 3 ดูเหมือนจะใช้งานได้มากแม้กระทั่งการใช้ไลบรารีที่มีอยู่และปัญหาที่อาจเกิดขึ้นมากมาย (ฉันจะต้องให้แถบสถานะการดาวน์โหลดของฉันเองโหลดทั้งไฟล์ในหน่วยความจำแล้วขอให้ผู้ใช้บันทึกไฟล์ในเครื่อง) แม้ว่างานนี้จะค่อนข้างธรรมดาดังนั้นฉันจึงสงสัยว่ามีอะไรที่ง่ายกว่านี้ที่ฉันสามารถใช้ได้หรือไม่ …

116 javascript  angularjs  jwt 

รหัสของฉัน var arr = ['a','b',1]; var results = arr.map(function(item){ if(typeof item ==='string'){return item;} }); สิ่งนี้ให้ผลลัพธ์ดังต่อไปนี้ ["a","b",undefined] ฉันไม่ต้องการไม่ได้กำหนดไว้ในอาร์เรย์ผลลัพธ์ฉันจะทำได้อย่างไร

116 javascript 

ฉันใช้ส่วนประกอบเดียวกันสำหรับเส้นทางที่แตกต่างกันสามเส้นทาง: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> มีการรวมเข้าด้วยกันหรือไม่เพื่อให้เป็นดังนี้: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>

116 javascript  reactjs  path  react-router  url-routing 

ฉันจะค้นหา DIV พร้อมข้อความบางอย่างได้อย่างไร ตัวอย่างเช่น: <div> SomeText, text continues. </div> พยายามใช้สิ่งนี้: var text = document.querySelector('div[SomeText*]').innerTEXT; alert(text); แต่แน่นอนมันจะไม่ทำงาน ฉันจะทำมันได้อย่างไร?

116 javascript  innertext  selectors-api 

ฉันกำลังสร้างแอพ Electron เพื่อจุดประสงค์ของตัวเอง ปัญหาของฉันคือเมื่อฉันใช้ฟังก์ชันโหนดในหน้า HTML ของฉันมันทำให้เกิดข้อผิดพลาด: ไม่ได้กำหนด 'require ()' มีวิธีใดบ้างในการใช้ฟังก์ชันโหนดในหน้า HTML ทั้งหมดของฉัน หากเป็นไปได้โปรดยกตัวอย่างวิธีการทำสิ่งนี้ให้ฉันหรือให้ลิงก์ นี่คือตัวแปรที่ฉันพยายามใช้ในหน้า HTML ของฉัน: var app = require('electron').remote; var dialog = app.dialog; var fs = require('fs'); และนี่คือค่าที่ฉันใช้ในหน้าต่าง HTML ทั้งหมดภายใน Electron

116 javascript  html  node.js  electron 

จากตัวอย่างโค้ดด้านล่างมีพฤติกรรมที่แตกต่างกันหรือไม่และถ้าเป็นเช่นนั้นความแตกต่างเหล่านั้นคืออะไร? return await promise async function delay1Second() { return (await delay(1000)); } return promise async function delay1Second() { return delay(1000); } ตามที่ฉันเข้าใจข้อแรกจะมีการจัดการข้อผิดพลาดภายในฟังก์ชัน async และข้อผิดพลาดจะเกิดขึ้นจาก Promise ของฟังก์ชัน async อย่างไรก็ตามข้อที่สองจะต้องใช้ขีดน้อยกว่าหนึ่งขีด ถูกต้องหรือไม่ ตัวอย่างข้อมูลนี้เป็นเพียงฟังก์ชันทั่วไปในการส่งคืน Promise สำหรับการอ้างอิง function delay(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); }); }

116 javascript  async-await 

ฉันต้องการดูคำขอเครือข่ายของฉันใน React Native เพื่อช่วยฉันในการดีบัก - ควรอยู่ในแท็บ 'เครือข่าย' ของเครื่องมือพัฒนาของ Chrome มีปัญหาปิดเกี่ยวกับเรื่องนี้ใน GitHub ( https://github.com/facebook/react-native/issues/4122และhttps://github.com/facebook/react-native/issues/934 ) แต่ฉันไม่ t เข้าใจพวกเขาทั้งหมด ดูเหมือนว่าฉันจำเป็นต้องเลิกทำ polyfills ของ React Native จากนั้นเรียกใช้คำสั่งบางอย่างด้วยแฟล็กการดีบักพิเศษและอาจแก้ไขการตั้งค่าความปลอดภัยของ Chrome และเห็นได้ชัดว่ามีปัญหาด้านความปลอดภัยบางอย่างที่เกี่ยวข้องกับการทำสิ่งนี้ซึ่งอาจทำให้เป็นความคิดที่แย่มาก แต่ไม่มีใครเกี่ยวข้องกับเธรดได้ระบุอย่างชัดเจนว่าพวกเขาคืออะไร ใครช่วยให้คำแนะนำทีละขั้นตอนในการทำให้แท็บเครือข่ายทำงานร่วมกับ React Native ตลอดจนคำอธิบายเกี่ยวกับปัญหาด้านความปลอดภัยที่เกี่ยวข้องในการดำเนินการดังกล่าว

116 javascript  google-chrome-devtools  react-native 

พิจารณาตัวอย่างตะขอด้านล่าง import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } โดยทั่วไปเราใช้เมธอด this.forceUpdate () เพื่อบังคับให้คอมโพเนนต์แสดงผลซ้ำทันทีในคอมโพเนนต์คลาส React ดังตัวอย่างด้านล่าง class Test extends Component{ constructor(props){ super(props); this.state = { count:0, …

116 javascript  reactjs  react-native  react-hooks 

ฉันมีองค์ประกอบหลายอย่างในหน้า HTML ซึ่งมีคลาสเดียวกัน แต่เป็นองค์ประกอบที่แตกต่างกัน ฉันต้องการค้นหาชื่อแท็กขององค์ประกอบเมื่อฉันวนซ้ำ - แต่ .attr ไม่ใช้ "tag" หรือ "tagname" นี่คือสิ่งที่ฉันหมายถึง พิจารณาองค์ประกอบเหล่านี้ในหน้า: <h1 class="rnd">First</h1> <h2 id="foo" class="rnd">Second</h2> <h3 class="rnd">Third</h3> <h4 id="bar" class="rnd">Fourth</h4> ตอนนี้ฉันต้องการเรียกใช้สิ่งนี้เพื่อให้แน่ใจว่าองค์ประกอบของฉันทั้งหมดมี id หากยังไม่ได้กำหนดไว้: $(function() { $(".rnd").each(function(i) { var id = $(this).attr("id"); if (id === undefined || id.length === 0) { // this is the line that's …

115 javascript  jquery 

ฉันกำลังพยายามจัดเรียงอาร์เรย์ด้วยวัตถุตามคุณสมบัติหลายรายการ กล่าวคือถ้าแอตทริบิวต์แรกเหมือนกันระหว่างสองวัตถุควรใช้แอตทริบิวต์ที่สองเพื่อรวมวัตถุทั้งสอง ตัวอย่างเช่นพิจารณาอาร์เรย์ต่อไปนี้: var patients = [ [{name: 'John', roomNumber: 1, bedNumber: 1}], [{name: 'Lisa', roomNumber: 1, bedNumber: 2}], [{name: 'Chris', roomNumber: 2, bedNumber: 1}], [{name: 'Omar', roomNumber: 3, bedNumber: 1}] ]; การเรียงลำดับตามroomNumberแอตทริบิวต์ฉันจะใช้รหัสต่อไปนี้: var sortedArray = _.sortBy(patients, function(patient) { return patient[0].roomNumber; }); วิธีนี้ใช้งานได้ดี แต่ฉันจะดำเนินการอย่างไรเพื่อให้ 'John' และ 'Lisa' เรียงลำดับอย่างถูกต้อง?

115 javascript  sorting  underscore.js 

ฉันจะใช้ jquery ในฝั่งไคลเอ็นต์เพื่อสร้างสตริงย่อย "nameGorge" และลบ "name" ออกได้อย่างไรจึงจะแสดงผลเป็นเพียง "Gorge" ได้อย่างไร var name = "nameGorge"; //output Gorge

115 javascript  jquery  string 

สถานะเอกสารของกระดูกสันหลัง: คุณสมบัติเหตุการณ์อาจถูกกำหนดให้เป็นฟังก์ชันที่ส่งคืนแฮชของเหตุการณ์เพื่อให้ง่ายต่อการกำหนดเหตุการณ์ของคุณทางโปรแกรมรวมทั้งรับช่วงจากมุมมองหลัก คุณสืบทอดเหตุการณ์มุมมองของผู้ปกครองและขยายออกไปอย่างไร มุมมองผู้ปกครอง var ParentView = Backbone.View.extend({ events: { 'click': 'onclick' } }); มุมมองเด็ก var ChildView = ParentView.extend({ events: function(){ ???? } });

115 javascript  backbone.js  backbone-events 

บิตติดอยู่ที่นี่ ฉันกำลังเรียกข้อมูลรายการ geo coords ผ่าน JSON และวางลงบนแผนที่ Google ทั้งหมดทำงานได้ดียกเว้นในกรณีที่ฉันมีเครื่องหมายสองตัวขึ้นไปในจุดเดียวกัน API จะแสดงเครื่องหมาย 1 ตัวเท่านั้นซึ่งเป็นเครื่องหมายบนสุด นี่ก็ยุติธรรมเพียงพอที่ฉันคิดว่า แต่ต้องการหาวิธีแสดงให้เห็นทั้งหมด ฉันค้นหา google และพบวิธีแก้ปัญหาเล็กน้อย แต่ส่วนใหญ่ดูเหมือนจะเป็น V2 ของ API หรือไม่ได้ดีแค่นั้น ตามหลักการแล้วฉันต้องการโซลูชันที่คุณคลิกเครื่องหมายกลุ่มบางประเภทจากนั้นจะแสดงเครื่องหมายที่คลัสเตอร์รอบ ๆ จุดที่พวกเขาอยู่ ใครมีปัญหานี้หรือคล้ายกันและต้องการแบ่งปันวิธีแก้ปัญหา?

115 javascript  google-maps  google-maps-api-3