반응형

ajax 16

여러 파일 업로드 Jquery/Ajax 진행률 표시

여러 파일 업로드 Jquery/Ajax 진행률 표시 저는 여러 파일을 올릴 수 있는 업로드 양식을 가지고 있습니다.파일 크기가 꽤 크다면 프로그레스 바가 좋을 것 같습니다.아래는 나의 소스코드 입니다.저는 jquery를 처음 접합니다. 저는 그냥 php이지만 ajax가 더 사용자 친화적이라는 것을 알게 되었습니다. Upload an image or video 이미지 업로드는 잘 되고 배열은 ajax로 보내지만 프로그레스 바는 움직이지 않습니다.실제로 need to production 이라는 두 함수의 console.log도 나타나지 않습니다.이 프로그레스 바를 작동시킬 수 있는 내 ajax 요청의 함수를 호출하는 올바른 방법이 있습니까? 제출 전: 제출 전: 업로드 진행률:진행 중, 성공: 성공 후, 콘..

programing 2023.09.08

XMLHttpRequest 206 부분 컨텐츠

XMLHttpRequest 206 부분 컨텐츠 자바스크립트로 XMLHttpRequest 객체에서 부분적인 컨텐츠 요청을 발행하고 싶습니다.서버에서 대용량 바이너리 파일을 로드하고 있는데, html5 비디오 처리 방식과 비슷하게 서버에서 스트리밍하고 싶습니다. setRequest를 사용할 수 있습니다.Range 헤더를 설정하는 헤더.Chrome의 Network inspector는 Range 헤더가 성공적으로 설정되었음을 보여줍니다.그러나 Accept-Encoding 헤더는 "gzip, deflate"로 설정되어 있으며, Chrome은 (W3C 표준에서) 해당 헤더를 설정할 수 없습니다. 자바스크립트에서만 XMLHttpRequest 객체의 206 부분 콘텐츠로 서버가 응답하도록 강제할 수 있는 방법이 있습니..

programing 2023.09.08

$.ajax url을 사용하여 여러 매개 변수 전달

$.ajax url을 사용하여 여러 매개 변수 전달 Ajax URL로 매개 변수를 전달하는 데 문제가 있습니다.파라미터 코드 구문에 오류가 있는 것 같습니다.제발 도와주세요. var timestamp = null; function waitformsg(id,name) { $.ajax({ type:"Post", url:"getdata.php?timestamp="+timestamp+"uid="+id+"uname="+name, async:true, cache:false, success:function(data) { }); } 다음과 같이 이 매개 변수에 액세스하고 있습니다. GET와 POST를 결합하는 이유는 무엇입니까?둘 중 하나를 사용합니다. $.ajax({ type: 'post', data: { times..

programing 2023.09.03

대응해야 할 시기JS 구성 요소가 소품에서 상태를 업데이트하기 위해 AJAX를 호출합니까?

대응해야 할 시기JS 구성 요소가 소품에서 상태를 업데이트하기 위해 AJAX를 호출합니까? 엔티티에 대한 정보를 표시하는 React 구성 요소가 있습니다.엔티티의 ID는 속성을 통해 전달됩니다.구성 요소는 "componentDidMount"에서 AJAX 호출을 시작하여 엔티티를 가져오고 호출이 완료/실패하면 상태를 업데이트합니다. 이것은 엔티티 ID가 변경될 때(소품을 통해) 구성 요소가 새 데이터를 가져오지 않는 것을 제외하고는 잘 작동합니다. "componentWillReceiveProps"에서 호출을 시작하려고 했지만, 그 단계에서 구성 요소는 여전히 오래된 속성 집합을 가지고 있습니다.다음 제안을 AJAX 호출 방법으로 전달해야 하는데, 그것은 옳지 않은 것 같습니다. 속성 변경에 따라 구성 요소..

programing 2023.09.03

한 페이지 아래로 스크롤하는 동안 URL을 변경할 수 있습니까?

한 페이지 아래로 스크롤하는 동안 URL을 변경할 수 있습니까? 아약스로 한 페이지를 스크롤하는 동안 URL을 변경할 수 있습니까?저는 한 페이지에 모두 웹사이트가 있고 이 효과를 얻고 싶습니다. 예: www.blablabla.com/blog 사용자 아래로 스크롤... www.blablabla.com/blog/entry-name 해싱에 대해 알아요...URL을 마스킹할 수 있습니까?이것이 조금 오래된 질문이라는 것을 알지만 브라우저가 바뀌었고, 지금은 포스터가 요청한 것을 할 수 있습니다.이는 대부분의 다른 답변이 더 이상 유효하지 않다는 것을 의미합니다.구글을 사용하는 사람들이 정답을 찾는 데 도움이 될 수 있도록 이를 달성할 수 있는 방법을 게시합니다. 간단히 말해서, 최신 브라우저(HTML 5를 지..

programing 2023.08.19

AJAX 응답을 기다리는 동안 이미지를 로드하려면 어떻게 해야 합니까?

AJAX 응답을 기다리는 동안 이미지를 로드하려면 어떻게 해야 합니까? 제가 조언을 좀 얻을 수 있을까 해서요.아약스 요청에 대한 답변을 받는 동안 로딩 gif를 사용하려고 합니다.제가 직면한 문제는 이메일을 보내는 동안 gif가 표시되지 않는다는 것입니다. 해결책을 찾기 위해 여기에 있는 여러 페이지를 살펴보았지만 아무 것도 작동하지 않는 것 같습니다.제가 본 페이지는 다음과 같습니다: jQuery agax가 실행되는 동안 gif 이미지 로드 및 agax로 게시하는 동안 로드 이미지 표시 및 $.ajax가 수행되는 동안 로드 이미지 표시 이를 위해 다음 코드를 사용했습니다. $("#loading").bind("ajaxStart", function(){ $(this).show(); }).bind("aja..

programing 2023.08.14

페이지를 이동하지 않고 브라우저에서 URL을 변경하는 방법은 무엇입니까?

페이지를 이동하지 않고 브라우저에서 URL을 변경하는 방법은 무엇입니까? 나는 지금 복잡한 AJAX 어플을 작성하고 있고 사이트 전체가 깨끗한 URL을 가지고 있습니다.현재 PHP는 각 페이지에 대한 기본 레이아웃을 생성하지만 사용자가 링크를 클릭할 때 각 페이지에서 벗어나 탐색할 필요가 없으며, 나머지 사이트와 맞지 않기 때문에 URL에 해시가 있는 것을 원하지 않습니다.이전에 사이트에서 로드가 많이 발생한 것으로 알고 있으며 일반적으로 요청되는 것으로 보이지만 기술적으로 같은 페이지에 남아 있더라도 주소 표시줄의 URL을 변경하는 깔끔한 HTML5 방식이 있는지 궁금합니다.로 할 수 있습니다.history.pushState그러나 이 기능을 지원하는 브라우저에서만 가능합니다.브라우저의 JavaScrip..

programing 2023.08.09

W3C DOM을 통해 HTML 문서 전체를 대체하기 위한 다른 옵션은 무엇입니까?

W3C DOM을 통해 HTML 문서 전체를 대체하기 위한 다른 옵션은 무엇입니까? 나는 Ajax 웹 앱에서 런타임에 전체 문서를 교체하는 사람들의 경험이 궁금합니다.드물지만, 앱이 전체 페이지를 재구성해야 하고 모든 것이 다른 서버의 왕복 없이 로컬로 존재하는 몇 가지 상황을 발견했습니다. 새 문서를 새 DOM 트리 또는 문자열로 쉽게 준비할 수 있습니다.그래서 저는 다양한 접근법에 대한 절충안을 평가하고 있습니다. String 접근 방식을 사용하려면 다음과 같이 해야 합니다. document.open(); document.write(newStringDoc); document.close(); 대부분의 브라우저는 이 기능을 잘 수행하지만, 대부분의 브라우저는 다시 렌더링할 때 약간 깜박입니다.파이어폭스 4..

programing 2023.07.30

동일 원산지 정책 - AJAX & 공용 API 사용

동일 원산지 정책 - AJAX & 공용 API 사용 나는 내 웹페이지에서, 내 사용자가 http://www.example.com/form.php 에 있는지 알고 있습니다. 그리고 저는 그 페이지에서 http://example.com/responder.php 로 아약스를 요청합니다. 동일한 오리진 정책(하위 도메인이 다름)으로 인해 실패합니다. 제가 이해하려고 하는 것은 요청과 서버가 분명히 다른데 어떻게 AJAX 요청이 flickr과 같은 API에서 데이터를 가져올 수 있는지입니다. 편집: 예: 이 코드는 왜 작동합니까? $.getJSON('http://api.flickr.com/services/rest/?&;method=flickr...' (이 커뮤니티 위키 참조) Cross Origin 리소스 공유를..

programing 2023.07.25

페이지를 새로고침하지 않고 형식의 비밀번호 확인 필드를 확인하는 방법

페이지를 새로고침하지 않고 형식의 비밀번호 확인 필드를 확인하는 방법 등록 양식을 추가해야 하는 프로젝트가 있는데 등록 버튼을 클릭하지 않고 비밀번호와 확인 필드가 동일한지 확인하고 싶습니다. 비밀번호와 비밀번호 확인 필드가 일치하지 않으면 비밀번호 확인 필드 옆에 오류 메시지를 표시하고 등록 버튼을 비활성화합니다. 다음은 나의 html 코드입니다. username : password : confirm password: 어떻게 할 수 있을까요?이를 실현하기 위해 두 가지 접근방식을 검토하겠습니다.jQuery 사용 여부 1. jQuery 사용 비밀번호와 비밀번호 확인 필드에 모두 키업 기능을 추가해야 합니다.그 이유는 텍스트의 동일성을 체크해야 하기 때문입니다.password필드를 변경합니다.@ @kdje..

programing 2023.04.06
반응형