요청 후 nodejs를 사용하여 리디렉션 할 수 없습니다.

지안루카

사용자가 프로필 사진 (Cloudinary api 사용)을 업데이트 할 수있는 버튼이 프런트 엔드에 있으며 기본적으로 내 nodejs 게시 요청을 호출하고 사용자 데이터를 전달하여 db를 쿼리하고 프로필 사진 URL을 업데이트 할 수 있습니다. 훌륭하게 작동하지만 해당 함수를 호출 한 후 페이지를 리디렉션 / 렌더링하지 않습니다.

여기에 내 프런트 엔드가 있습니다 (Cloudinary 및 js 포함)

<input type="hidden" name="" id="employee_num" value="<%= data[i].EMPLOYEE_NUM %>">

<script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"></script>

<script type="text/javascript">
    var myWidget = cloudinary.createUploadWidget({
            cloudName: 'xxx',
            uploadPreset: 'xxx'}, (error, result) => {
            if (!error && result && result.event === "success") {
                console.log('Done! Here is the image info: ', result.info);
                console.log(result.info.secure_url)
                var result_url = result.info.secure_url;
                console.log("result url is " + result_url)
                document.getElementById("url").value = result_url;
                var employee_num = document.getElementById('employee_num').value;

                fetch('/changeProfileImage', {
                    method: 'POST',
                    headers: {'Content-Type': 'application/json'},
                    body: JSON.stringify({
                        result_url,
                        employee_num
                    })
                })
            }
        }
    )

    document.getElementById("upload_widget").addEventListener("click", function(){
        myWidget.open();

    }, false);
</script>

이제 아래는 게시물 요청에 대한 내 nodejs 함수입니다. /changeProfileImage

app.post('/changeProfileImage', (req, res) => {
    if (req.session.loggedin) {
        var employee_num = req.body.employee_num;
        var url = req.body.result_url;
        console.log("e " + employee_num)
        console.log("u " + url)

        var changeProfileImage = "update EMPLOYEES set (PROFILE_IMAGE)= '" + url + "' where EMPLOYEE_NUM = '" + employee_num + "'";
        ibmdb.open(ibmdbconnMaster, function (err, conn) {
            if (err) return console.log(err);
            conn.query(changeProfileImage, function (err, rows) {
                if (err) {
                    console.log(err);
                }

                res.redirect('/account');

                conn.close(function () {
                });
            })
        })
    } else {
        res.render('login.ejs')
    }
})

지저분한 코드에 대해 용서해주세요. 위의 내용은 필요한 모든 것입니다. 그것은 기본적으로 내 콘솔에 모든 것을 업데이트하고 성공적으로 통과했다고 말하지만 사실이지만 결코 새로 고쳐지지 않습니다. 어떤 아이디어?

Amir MB

문제는 AJAX 호출을 수행하고 있으므로 js가 서버에 HTTP 요청을 보내고 전체 페이지가 아니므로 가져 오기 콜백에서 수동으로 수행해야합니다.

fetch('/changeProfileImage', {
                    method: 'POST',
                    headers: {'Content-Type': 'application/json'},
                    body: JSON.stringify({
                        result_url,
                        employee_num
                    })
}).then(response => {
    if (response.redirected) {
        window.location.href = response.url;
})

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

http.send를 사용하여 리소스를 요청할 수 없습니다.

분류에서Dev

요청을 사용하여 특정 페이지 이후의 링크를 구문 분석 할 수 없습니다.

분류에서Dev

PHP Curl (리디렉션 없음)-양식 제출-요청을 식별하고 두 개의 변수를 다시 반환 할 수 없습니다.

분류에서Dev

Spring MVC의 리디렉션 오류 (http 상태 404 요청 된 리소스를 사용할 수 없습니다. jsp)

분류에서Dev

Spring Boot를 사용하여 OAuth2 인증 후 올바르게 리디렉션 할 수 없음

분류에서Dev

옵션을 선택한 후 jQuery를 사용하여 입력 요소를 비활성화 할 수 없습니다.

분류에서Dev

양식 제출 후 사용자를 리디렉션하려고 할 때 헤더 정보를 수정할 수 없습니다.

분류에서Dev

Apache RewriteRule을 사용하여 한 가상 호스트에서 다른 가상 호스트로 요청을 리디렉션 할 수 없습니다.

분류에서Dev

상대 경로를 사용하여 다른 페이지로 리디렉션 할 수 없습니다.

분류에서Dev

디렉토리에 따라 내장 된 firebird를 사용하여 "psf"호스트에 대한 네트워크 요청을 완료 할 수 없습니다.

분류에서Dev

scala-Gatling-후속 요청의 요청에서 저장된 세션 변수를 사용할 수없는 것 같습니다.

분류에서Dev

React-context.router를 사용하여 페이지를 리디렉션 할 수 없습니다.

분류에서Dev

자바 스크립트를 사용하여 리디렉션 할 수 없습니다.

분류에서Dev

SerilogTraceListener를 사용하여 Trace.WriteLine을 Serilog로 리디렉션 할 수 없습니다.

분류에서Dev

JSX에서 삼항 연산자를 사용하여 리디렉션을 포함 할 수 없습니다.

분류에서Dev

ZF1.12 Redirector 도우미를 사용하여 try / catch에서 리디렉션 할 수 없습니다.

분류에서Dev

HOST 변수를 사용하지 않고 코드 302가있는 요청을 다른 포트로 리디렉션 할 수 있습니까?

분류에서Dev

Spring Security로 로그인 한 후 사용자를 원하는 페이지로 리디렉션 할 수 없습니다.

분류에서Dev

Express를 사용하여 GET 요청을 구문 분석 할 수 없습니다.

분류에서Dev

php curl은 여러 요청 후 연결할 수 없습니다.

분류에서Dev

여러 매개 변수를 사용할 때 .htaccess rewriteRule을 사용하여 특정 페이지로 리디렉션 할 수 없습니다.

분류에서Dev

HTML 페이지에서 리디렉션 된 후 nodeJS의 쿠키에 액세스 할 수 없습니다.

분류에서Dev

링크를 클릭하면 Django가 리디렉션 할 수 없습니다.

분류에서Dev

요청한 리소스를 사용할 수 없습니다. Apache Tomcat / 7.0.42

분류에서Dev

Apache Tomcat 오류 : 요청 된 리소스를 사용할 수 없습니다.

분류에서Dev

웹 흐름 요청 리소스를 사용할 수 없습니다.

분류에서Dev

Localhost는 요청 PDO 등록 사용자를 처리 할 수 없습니다.

분류에서Dev

요청한 리소스를 사용할 수 없습니다 Glassfish 4

분류에서Dev

MEAN 앱-내 찾기 요청에서 쿼리를 사용할 수 없습니다.

Related 관련 기사

  1. 1

    http.send를 사용하여 리소스를 요청할 수 없습니다.

  2. 2

    요청을 사용하여 특정 페이지 이후의 링크를 구문 분석 할 수 없습니다.

  3. 3

    PHP Curl (리디렉션 없음)-양식 제출-요청을 식별하고 두 개의 변수를 다시 반환 할 수 없습니다.

  4. 4

    Spring MVC의 리디렉션 오류 (http 상태 404 요청 된 리소스를 사용할 수 없습니다. jsp)

  5. 5

    Spring Boot를 사용하여 OAuth2 인증 후 올바르게 리디렉션 할 수 없음

  6. 6

    옵션을 선택한 후 jQuery를 사용하여 입력 요소를 비활성화 할 수 없습니다.

  7. 7

    양식 제출 후 사용자를 리디렉션하려고 할 때 헤더 정보를 수정할 수 없습니다.

  8. 8

    Apache RewriteRule을 사용하여 한 가상 호스트에서 다른 가상 호스트로 요청을 리디렉션 할 수 없습니다.

  9. 9

    상대 경로를 사용하여 다른 페이지로 리디렉션 할 수 없습니다.

  10. 10

    디렉토리에 따라 내장 된 firebird를 사용하여 "psf"호스트에 대한 네트워크 요청을 완료 할 수 없습니다.

  11. 11

    scala-Gatling-후속 요청의 요청에서 저장된 세션 변수를 사용할 수없는 것 같습니다.

  12. 12

    React-context.router를 사용하여 페이지를 리디렉션 할 수 없습니다.

  13. 13

    자바 스크립트를 사용하여 리디렉션 할 수 없습니다.

  14. 14

    SerilogTraceListener를 사용하여 Trace.WriteLine을 Serilog로 리디렉션 할 수 없습니다.

  15. 15

    JSX에서 삼항 연산자를 사용하여 리디렉션을 포함 할 수 없습니다.

  16. 16

    ZF1.12 Redirector 도우미를 사용하여 try / catch에서 리디렉션 할 수 없습니다.

  17. 17

    HOST 변수를 사용하지 않고 코드 302가있는 요청을 다른 포트로 리디렉션 할 수 있습니까?

  18. 18

    Spring Security로 로그인 한 후 사용자를 원하는 페이지로 리디렉션 할 수 없습니다.

  19. 19

    Express를 사용하여 GET 요청을 구문 분석 할 수 없습니다.

  20. 20

    php curl은 여러 요청 후 연결할 수 없습니다.

  21. 21

    여러 매개 변수를 사용할 때 .htaccess rewriteRule을 사용하여 특정 페이지로 리디렉션 할 수 없습니다.

  22. 22

    HTML 페이지에서 리디렉션 된 후 nodeJS의 쿠키에 액세스 할 수 없습니다.

  23. 23

    링크를 클릭하면 Django가 리디렉션 할 수 없습니다.

  24. 24

    요청한 리소스를 사용할 수 없습니다. Apache Tomcat / 7.0.42

  25. 25

    Apache Tomcat 오류 : 요청 된 리소스를 사용할 수 없습니다.

  26. 26

    웹 흐름 요청 리소스를 사용할 수 없습니다.

  27. 27

    Localhost는 요청 PDO 등록 사용자를 처리 할 수 없습니다.

  28. 28

    요청한 리소스를 사용할 수 없습니다 Glassfish 4

  29. 29

    MEAN 앱-내 찾기 요청에서 쿼리를 사용할 수 없습니다.

뜨겁다태그

보관