jquery 클릭 기능이 이상하게 응답합니다. ajax 호출도 트리거되지 않음

무하마드 압둘라 이프 티 카르

POST요청 대신 어떻게 든 GET트리거됩니다.

둘째, ajax 호출이 호출되지 않습니다.

나는 이것을 백 번했지만 내가 시도한 모든 것이 아무것도하지 않는 것 같습니다. 이건 내 잘못 일 수도 있지만 제발 도와주세요. 더 필요한 것이 있으면 물어보십시오. 문안 인사

$(document).ready(function(){
    console.log("bro");
    $("#login").click(function () {
        console.log("hi");
        var name = $('#uname').val();
        var password = $('#password').val();
        console.log(name);
        console.log(password);
        $.ajax({
            url:"login-check.php",
            data: {name:name, password:password},
            dataType:"text",
            method:"POST",
            success:function(data){
                if(data === "1" || data === "2"){
                    alert(data);
                    console.log("hello");
                    window.open('index.php','_self');
                }
                else{

                }
            }
        });
    });
});

HTML :

<!-- Form Code -->
<div class = "container">
    <h2 style="text-align:center;">Please Fill the form to Sign up</h2>
    <form class="form-horizontal">
        <div class="form-group">
            <label class="control-label col-sm-2" for="name">Username:</label>
            <div class="col-sm-10">
                <input type = "username" class = "form-control" name = "uname" id = "uname" placeholder = "username" required autofocus>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-2" for="pwd">Password:</label>
            <div class="col-sm-10">          
                <input type = "password" class = "form-control" name = "password" id = "password" placeholder = "password" required>
            </div>
        </div>
        <div class="form-group">        
            <div class="col-sm-offset-2 col-sm-10">
                <button class="btn btn-primary" name = "login" id="login">Sign In</button>
            </div>
        </div>
     </form>

     Click here to clean <a href = "logout.php" tite = "Logout">Session.

</div>

콘솔 로그 네트워크 로그

웨슬리 스미스

버튼이 form태그 안에 있고 type속성 이 없기 때문에 제출 버튼 역할을하고 ajax가 호출되기 전에 양식을 제출합니다 (기본 양식 메소드는 GET입니다).

세부:

  • By default, forms that dont explicitly set a method attribute are submitted using the GET method
  • By default, any button that is inside a form tag that doesnt explicitly set the type attribute will be set to type="submit"
  • Because you do not set either attribute in your html, when you click the button, it submits your form using the GET method before your click handler is triggered to call the ajax

To correct this there are 3 options:

  1. explicitly declare type="button" on the button (this is what I would do)
  2. call e.preventDefault at the top of your click handler to cancel the default behaviour of submitting the actual form
  3. 버튼을 form태그 외부로 이동합니다 (성공없이 시도했다고 말했지만 이 jsFiddle을 보면 작동 하므로 충분히 멀리 이동 하지 않았다고 생각합니다)

추가적으로 :

Terry가 주석에서 언급했듯이 다음 actionmethod같이 양식에 속성 도 명시 적으로 설정해야합니다 .

<form action="login-check.php" method="post" class="form-horizontal">

이렇게하면 사용자가 javascript를 비활성화 한 경우에도 로그인이 작동하며 일반적으로 좋은 방법입니다.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jquery 클릭 기능이 트리거되지 않았습니다.

분류에서Dev

Ajax 응답 후 이벤트가 트리거되지 않음 Jquery

분류에서Dev

AJAX Jquery 호출이 응답을 반환하지 않습니다.

분류에서Dev

JQuery-> 새 스팬 ID 클릭 기능이 응답하지 않습니다.

분류에서Dev

현재 페이지에서 ajax 호출 후 jQuery가 트리거되지 않음

분류에서Dev

교차 도메인 jQuery Ajax 응답이 정의되지 않음을 반환합니다.

분류에서Dev

Vuetify Snackbar : 클릭해도 내 기능이 호출되지 않습니다.

분류에서Dev

클릭 이벤트가 트리거되지 않음-jQuery

분류에서Dev

ajax 호출 후 클릭시 jQuery가 작동하지 않음

분류에서Dev

클릭시 Ajax 기능이 여러 번 실행되지 않도록하려면 어떻게해야합니까?

분류에서Dev

JQuery.ajax는 C # 서버의 응답을 기다리지 않고 로컬 호스트에서 테스트하는 오류 함수를 호출합니다.

분류에서Dev

클릭 기능이 호출되지 않음

분류에서Dev

지도 클릭 이벤트가 트리거되지 않습니다.

분류에서Dev

드롭 다운을 기반으로하는 jQuery AJAX 호출이 응답을 반환하지 않습니다.

분류에서Dev

동적 요소 (백본)에서 Ajax 호출 후 클릭 기능이 작동하지 않음

분류에서Dev

jQuery의 클릭 기능이 일관되지 않게 작동합니다.

분류에서Dev

확인란 클릭시 Jquery 및 Datatables 호출 기능이 작동하지 않습니다.

분류에서Dev

jquery ajax 호출에서 spring mvc 응답이로드되지 않음

분류에서Dev

각도 그리드 클릭 이벤트가 트리거되지 않음

분류에서Dev

각도 클릭 입력 확인란이 호출되지 않음

분류에서Dev

Datatables-Ajax Source / Ajax Reload를 통해 테이블에로드 된 버튼에 대해 Jquery 클릭 이벤트가 호출되지 않습니다.

분류에서Dev

jquery 클릭 기능이 작동하지 않습니다.

분류에서Dev

jQuery 호버 이벤트 토글 클래스가 트리거되지 않음

분류에서Dev

Ajax 호출이 응답하지 않습니다.

분류에서Dev

분할 된 버튼의 캐럿을 클릭해도 클릭 이벤트가 트리거되지 않습니다.

분류에서Dev

MKAnnotationView 클릭 델리게이트가 처음 호출되지 않음

분류에서Dev

jQuery 클릭 및로드 기능이 작동하지 않음

분류에서Dev

jQuery 클릭 기능이 작동하지 않음

분류에서Dev

클릭시 onClick 이벤트가 트리거되지 않음-반응

Related 관련 기사

  1. 1

    jquery 클릭 기능이 트리거되지 않았습니다.

  2. 2

    Ajax 응답 후 이벤트가 트리거되지 않음 Jquery

  3. 3

    AJAX Jquery 호출이 응답을 반환하지 않습니다.

  4. 4

    JQuery-> 새 스팬 ID 클릭 기능이 응답하지 않습니다.

  5. 5

    현재 페이지에서 ajax 호출 후 jQuery가 트리거되지 않음

  6. 6

    교차 도메인 jQuery Ajax 응답이 정의되지 않음을 반환합니다.

  7. 7

    Vuetify Snackbar : 클릭해도 내 기능이 호출되지 않습니다.

  8. 8

    클릭 이벤트가 트리거되지 않음-jQuery

  9. 9

    ajax 호출 후 클릭시 jQuery가 작동하지 않음

  10. 10

    클릭시 Ajax 기능이 여러 번 실행되지 않도록하려면 어떻게해야합니까?

  11. 11

    JQuery.ajax는 C # 서버의 응답을 기다리지 않고 로컬 호스트에서 테스트하는 오류 함수를 호출합니다.

  12. 12

    클릭 기능이 호출되지 않음

  13. 13

    지도 클릭 이벤트가 트리거되지 않습니다.

  14. 14

    드롭 다운을 기반으로하는 jQuery AJAX 호출이 응답을 반환하지 않습니다.

  15. 15

    동적 요소 (백본)에서 Ajax 호출 후 클릭 기능이 작동하지 않음

  16. 16

    jQuery의 클릭 기능이 일관되지 않게 작동합니다.

  17. 17

    확인란 클릭시 Jquery 및 Datatables 호출 기능이 작동하지 않습니다.

  18. 18

    jquery ajax 호출에서 spring mvc 응답이로드되지 않음

  19. 19

    각도 그리드 클릭 이벤트가 트리거되지 않음

  20. 20

    각도 클릭 입력 확인란이 호출되지 않음

  21. 21

    Datatables-Ajax Source / Ajax Reload를 통해 테이블에로드 된 버튼에 대해 Jquery 클릭 이벤트가 호출되지 않습니다.

  22. 22

    jquery 클릭 기능이 작동하지 않습니다.

  23. 23

    jQuery 호버 이벤트 토글 클래스가 트리거되지 않음

  24. 24

    Ajax 호출이 응답하지 않습니다.

  25. 25

    분할 된 버튼의 캐럿을 클릭해도 클릭 이벤트가 트리거되지 않습니다.

  26. 26

    MKAnnotationView 클릭 델리게이트가 처음 호출되지 않음

  27. 27

    jQuery 클릭 및로드 기능이 작동하지 않음

  28. 28

    jQuery 클릭 기능이 작동하지 않음

  29. 29

    클릭시 onClick 이벤트가 트리거되지 않음-반응

뜨겁다태그

보관