순수 JS AJAX 호출에서 응답 반환-POST

니콜라스 민

이것은 일부 데이터를 저장하는 내 PHP 함수입니다.

case "start_question":

    $user_id = "123";
    $p_id = $_POST[""];
    $question_id = $_POST["question_Id"];
    $answer = $_POST["answer_String"];
    $counter = $_POST["counter"];
    $points = $_POST["answer_Points"];
    $user = new User($uid);
    $user ->end_question($p_id,$user_id,$question_id,$answer,$counter,$points);
    echo "Hello World";
    break;

}

그리고 이것은 JS Ajax 호출입니다.

function startQuestion(){

    var question_Id = questions_array[question_counter].question_Id;
    console.log("Start Question",question_Id);
    var ajax = new XMLHttpRequest();
    var params = 'question_Id=' + question_Id;
    ajax.open("POST", "ajax_controller.php?m=start_question", true);
    ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    ajax.send(params);
    ajax.onreadystatechange = function () {
        console.log(response);
        var response = "";

        if (xmlHttp.readyState == 1) {
            response += "Status 1: Server connection established ! <br/>";
        } else if (xmlHttp.readyState == 2) {
            response += "Status 2: Request recieved ! <br/>";
        } else if (xmlHttp.readyState == 3) {
            response += "Status 3: Processing Request ! <br/>";

        } else if (xmlHttp.readyState == 4) {
            if (xmlHttp.status == 200) {
                var text = xmlHttp.responseText;
                response += "Status 4: Processing Request ! <br/>";
                response += text;
            } else {
                alert("Something is wrong !");
            }
        }
    }
    //If an error occur during the ajax call.
    if (ajax.readyState == 4 && ajax.status == 404) {
        console.log("Error during AJAX call");
    }
}

제가하고 싶은 것은 PHP가 결과 처리를 마친 후 콘솔에``Hello World ''응답을 다시 로그인하는 것입니다.

추신 : 사실``hello world ''매개 변수를 사용하여 함수를 실행하고 싶지만 응답을 다시받는 방법을 알아 내면이 작업을 수행하는 것은 간단합니다.

RiggsFolly

기본적으로 완전히 확인하지 않은 복사 / 붙여 넣기의 오타 일 것입니다.

귀하의 XMLHttpRequest의 () 객체가 호출 ajax되지 xmlHttp는 XMLHTTP를 귀하의 아약스 개체에서 responsea 및 readyState가 데리러하지 않도록.

또한 ajax.send(params);respose가 수신 될 때 수행 할 작업을 XMLHttpRequest 객체에 지정한 후에 실행할을 이동해야합니다 .

function startQuestion(){

    var question_Id = questions_array[question_counter].question_Id;
    console.log("Start Question",question_Id);
    var ajax = new XMLHttpRequest();
    var params = 'question_Id=' + question_Id;
    ajax.open("POST", "ajax_controller.php?m=start_question", true);
    ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    ajax.onreadystatechange = function () {
        console.log(response);
        var response = "";

        if (ajax.readyState == 1) {
            response += "Status 1: Server connection established ! <br/>";
        } else if (ajax.readyState == 2) {
            response += "Status 2: Request recieved ! <br/>";
        } else if (ajax.readyState == 3) {
            response += "Status 3: Processing Request ! <br/>";

        } else if (ajax.readyState == 4) {
            if (ajax.status == 200) {
                var text = ajax.responseText;
                response += "Status 4: Processing Request ! <br/>";
                response += text;
            } else {
                alert("Something is wrong !");
            }
        }
    }
    //If an error occur during the ajax call.
    if (ajax.readyState == 4 && ajax.status == 404) {
        console.log("Error during AJAX call");
    }


    ajax.send(params);
}

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jQuery : jquery ajax json 호출에서 문자열 응답 반환

분류에서Dev

AJAX 응답에서 jQuery의 함수 호출

분류에서Dev

뷰에 의해 호출 된 함수에서 HTTP 응답을 반환합니다.

분류에서Dev

AJAX로 POST를 수행하면 "프리 플라이트에 대한 응답이 잘못되었습니다 (리디렉션)"가 반환됩니다.

분류에서Dev

Python 함수에서 JSON 응답 반환

분류에서Dev

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

분류에서Dev

Ajax 호출 응답 반환 [객체 객체]

분류에서Dev

순차 jQuery ajax 호출에서 약속을 반환합니까?

분류에서Dev

AJAX가 아닌 POST를 제출하고 jQuery에서 JSON 응답을받을 수 있습니까?

분류에서Dev

Ajax 응답의 WebSerice에서 json 객체 반환

분류에서Dev

javascript ajax의 응답으로 PHP에서 json 데이터 반환

분류에서Dev

yii2의 ajax 호출에서 응답을받을 수 없습니다.

분류에서Dev

NodeJS의 함수에서 Post 요청의 응답을 반환하는 방법은 무엇입니까?

분류에서Dev

함수 호출시 jquery.deferred 객체의 응답 반환

분류에서Dev

Shopify의 /cart/add.js에 대한 Ajax POST 요청이 항상 오류 콜백 함수에서 반환 됨

분류에서Dev

POST 메서드는 항상 405 응답을 반환합니다.

분류에서Dev

응답이 반환되기 전에 실행되는 AJAX "성공"

분류에서Dev

C # AJAX 호출에서 반환 된 JSON 데이터 수정

분류에서Dev

Ajax 성공 함수가 응답에 반응하지 않습니다.

분류에서Dev

API 요청을하는 함수 호출에서 응답 또는 오류를 반환

분류에서Dev

Ajax POST-응답 표시

분류에서Dev

제출시 페이지에서 인쇄 axios POST 응답에 반응

분류에서Dev

$ http POST 요청 응답이 서비스에서 JSON 개체를 반환하지만 컨트롤러에서 호출 될 때 정의되지 않음

분류에서Dev

다음 ajax 호출에서 하나의 ajax 호출에서 반환 된 변수에 액세스하는 방법

분류에서Dev

AJAX 요청을 콜백하여 호출자에게 응답을 반환합니다.

분류에서Dev

Angular 8에서 POST 요청 JSON 응답을 반복 할 수 없습니다.

분류에서Dev

비동기 호출에서 응답 반환

분류에서Dev

Java에서 긴 변수 반환 십진수 응답 만들기

분류에서Dev

외부 JS 파일에서 반응 js의 함수를 호출하는 방법

Related 관련 기사

  1. 1

    jQuery : jquery ajax json 호출에서 문자열 응답 반환

  2. 2

    AJAX 응답에서 jQuery의 함수 호출

  3. 3

    뷰에 의해 호출 된 함수에서 HTTP 응답을 반환합니다.

  4. 4

    AJAX로 POST를 수행하면 "프리 플라이트에 대한 응답이 잘못되었습니다 (리디렉션)"가 반환됩니다.

  5. 5

    Python 함수에서 JSON 응답 반환

  6. 6

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

  7. 7

    Ajax 호출 응답 반환 [객체 객체]

  8. 8

    순차 jQuery ajax 호출에서 약속을 반환합니까?

  9. 9

    AJAX가 아닌 POST를 제출하고 jQuery에서 JSON 응답을받을 수 있습니까?

  10. 10

    Ajax 응답의 WebSerice에서 json 객체 반환

  11. 11

    javascript ajax의 응답으로 PHP에서 json 데이터 반환

  12. 12

    yii2의 ajax 호출에서 응답을받을 수 없습니다.

  13. 13

    NodeJS의 함수에서 Post 요청의 응답을 반환하는 방법은 무엇입니까?

  14. 14

    함수 호출시 jquery.deferred 객체의 응답 반환

  15. 15

    Shopify의 /cart/add.js에 대한 Ajax POST 요청이 항상 오류 콜백 함수에서 반환 됨

  16. 16

    POST 메서드는 항상 405 응답을 반환합니다.

  17. 17

    응답이 반환되기 전에 실행되는 AJAX "성공"

  18. 18

    C # AJAX 호출에서 반환 된 JSON 데이터 수정

  19. 19

    Ajax 성공 함수가 응답에 반응하지 않습니다.

  20. 20

    API 요청을하는 함수 호출에서 응답 또는 오류를 반환

  21. 21

    Ajax POST-응답 표시

  22. 22

    제출시 페이지에서 인쇄 axios POST 응답에 반응

  23. 23

    $ http POST 요청 응답이 서비스에서 JSON 개체를 반환하지만 컨트롤러에서 호출 될 때 정의되지 않음

  24. 24

    다음 ajax 호출에서 하나의 ajax 호출에서 반환 된 변수에 액세스하는 방법

  25. 25

    AJAX 요청을 콜백하여 호출자에게 응답을 반환합니다.

  26. 26

    Angular 8에서 POST 요청 JSON 응답을 반복 할 수 없습니다.

  27. 27

    비동기 호출에서 응답 반환

  28. 28

    Java에서 긴 변수 반환 십진수 응답 만들기

  29. 29

    외부 JS 파일에서 반응 js의 함수를 호출하는 방법

뜨겁다태그

보관