PHP 파일에서 AJAX 응답으로 보낸 JSON 문자열 구문 분석

산토스

jQuery / JavaScript를 사용하여 PHP 파일에서 ajax 응답으로 전송 된 JSON 문자열을 구문 분석하려고합니다.

Ajax 호출 :

<script>

            $(document).ready(function(){

              var query = $("#editor").html().replace(/(<([^>]+)>)/ig,"");
                      $.ajax({
                           type: "POST",
                           url: "app/query_db.php",
                           data: "q="+query,
                           success: function(resp){    
                                if(resp)    {
                                    alert("Response : "+resp);
                                    $("#res_data").html(resp);

                                }
                                else{
                                    alert("Response: Failed")
                                }
                      });
                    return false;
                });

            });
        </script>

PHP 파일 :

$db_conn = new db_connect();
    $conn = $db_conn->connectToDB($DBHost,$DBName,$DBUser,$DBPwd);

    $query_res = array();


    if (fill_numeric_array_with_query_assoc($query_res, $sql_query, $conn)) {   // Function to execute the query and fill the result
        //do nothing
    } else {
        echo("Error description: " . mysqli_error($conn));  // Error message to display if failed to fetch the data
        exit();
    }
$data = json_encode($query_res);
    echo $data;

Result: [{"uid":"admin","pwd":"xyz"},{"uid":"guest","pwd":"abc"}]

위의 JSON 문자열을 구문 분석하려고 할 때마다 0과 1이 키로, 다른 것은 값으로 끝납니다. 이상한 점은이 결과를 복사하여 JavaScript의 변수에 할당하면 문자열을 올바르게 구문 분석한다는 것입니다.

AJAX 응답으로 구문 분석하려고 할 때 무엇이 ​​잘못되었는지 알지 못합니다.

JSON 문자열을 AJAX 응답으로 구문 분석 할 때 테이블 형식 :

이미지 첨부

자바 스크립트에서 변수에 할당 될 때 응답 :

uid     pwd

admin   xyz

guest   abc
에이디 슨

이것은 데이터를 가져와 각 개체를 테이블의 행으로 바꿉니다. #res_data<table>요소 라고 가정하겠습니다 .

$.ajax({
  type: "POST",
  url: "app/query_db.php",
  data: "q=" + query,
  dataType: "json",
  success: function(resp) {
    if (resp) {
      alert("Response : " + resp);
      $("#res_data").empty();
      if (resp.length > 0) {
        var header = "<tr>";
        for (var key in resp[0]) { 
          "<th>" + key + "</th>"; 
        }
        header += "</tr>";
        $("#res_data").append(header);
        var rows = "";
        for (var i=0; i< resp.length;i++) {
          rows += "<tr><td>" + resp[i].uid + "</td><td>" + resp[i].pwd + "</td></tr>";
        }
        $("#res_data").append(rows);
      }
      else { alert("No data returned"); }
    } else {
      alert("Response: Failed")
    }
  }
});

추가 ajax 옵션에 유의하십시오 dataType: "json".. 이건 중요하다. PHP는 응답을 JSON으로 해석하도록 클라이언트에 알리는 헤더를 보내지 않으므로 텍스트로 해석 할 가능성이 높습니다. 따라서 dataType:"json"jQuery가 수행 할 작업을 알고 응답을 JS 객체에 직접 생성 하도록 추가 해야합니다. 그러면 문제가 없어야합니다. 그렇지 않은 경우 문자열로보고 한 번에 한 문자 씩 반복하여 질문에서 보여준 이상한 출력을 생성합니다.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Django에서 Ajax GET 메서드로 보낸 json 객체 구문 분석

분류에서Dev

PHP에서 JSON 구문 분석 응답

분류에서Dev

angularjs ajax 결과 PHP에 데이터를 성공적으로 보낸 후 구문 분석 오류

분류에서Dev

PHP에서 배열로 JSON 파일 구문 분석

분류에서Dev

javascript / ajax의 PHP 응답에서만 반환 된 json 텍스트 구문 분석

분류에서Dev

JSON 구문 분석을 사용하여 PHP에서 Ajax로드

분류에서Dev

Android에서 여러 값으로 JSON 응답 구문 분석

분류에서Dev

SwiftyJSON으로 JSON 응답 구문 분석

분류에서Dev

HTTP 응답에서 Json 문자열 구문 분석

분류에서Dev

Objective-C에서 JSON 응답 문자열 구문 분석

분류에서Dev

Android는 PHP의 다중 배열 응답으로 JSON 구문 분석

분류에서Dev

루프에서 Ajax JSON 응답 구문 분석

분류에서Dev

Ajax 응답에서 JSON 객체 구문 분석

분류에서Dev

응답을 자바에서 JSON으로 구문 분석하는 방법

분류에서Dev

PHP에서 HTTP 웹 서비스 (JSON)의 응답 구문 분석

분류에서Dev

PHP에서 복잡한 JSON 응답 구문 분석

분류에서Dev

AJAX와 PHP 파일 간의 JSON 데이터 구문 분석

분류에서Dev

JSON 응답에서 구문 분석

분류에서Dev

HTTP 응답에서 JSON 구문 분석

분류에서Dev

nodejs에서 json 응답 구문 분석

분류에서Dev

PHP / Regex : 문자열에서 JSON 구문 분석

분류에서Dev

PHP에서 JSON 문자열 구문 분석

분류에서Dev

PHP : JSON 구문 분석의 문자열

분류에서Dev

PHP 파서로 PHP 문자열 구문 분석

분류에서Dev

JSON처럼 보이는 파일을 JSON으로 구문 분석

분류에서Dev

Ajax 게시 요청 후 PHP에서 JSON 구문 분석

분류에서Dev

PHP에서 중첩 배열로 문자열 구문 분석

분류에서Dev

자바에서 JSON 객체를 문자열로 구문 분석

분류에서Dev

Android에서 GSON으로 JSON 파일 구문 분석 문제

Related 관련 기사

  1. 1

    Django에서 Ajax GET 메서드로 보낸 json 객체 구문 분석

  2. 2

    PHP에서 JSON 구문 분석 응답

  3. 3

    angularjs ajax 결과 PHP에 데이터를 성공적으로 보낸 후 구문 분석 오류

  4. 4

    PHP에서 배열로 JSON 파일 구문 분석

  5. 5

    javascript / ajax의 PHP 응답에서만 반환 된 json 텍스트 구문 분석

  6. 6

    JSON 구문 분석을 사용하여 PHP에서 Ajax로드

  7. 7

    Android에서 여러 값으로 JSON 응답 구문 분석

  8. 8

    SwiftyJSON으로 JSON 응답 구문 분석

  9. 9

    HTTP 응답에서 Json 문자열 구문 분석

  10. 10

    Objective-C에서 JSON 응답 문자열 구문 분석

  11. 11

    Android는 PHP의 다중 배열 응답으로 JSON 구문 분석

  12. 12

    루프에서 Ajax JSON 응답 구문 분석

  13. 13

    Ajax 응답에서 JSON 객체 구문 분석

  14. 14

    응답을 자바에서 JSON으로 구문 분석하는 방법

  15. 15

    PHP에서 HTTP 웹 서비스 (JSON)의 응답 구문 분석

  16. 16

    PHP에서 복잡한 JSON 응답 구문 분석

  17. 17

    AJAX와 PHP 파일 간의 JSON 데이터 구문 분석

  18. 18

    JSON 응답에서 구문 분석

  19. 19

    HTTP 응답에서 JSON 구문 분석

  20. 20

    nodejs에서 json 응답 구문 분석

  21. 21

    PHP / Regex : 문자열에서 JSON 구문 분석

  22. 22

    PHP에서 JSON 문자열 구문 분석

  23. 23

    PHP : JSON 구문 분석의 문자열

  24. 24

    PHP 파서로 PHP 문자열 구문 분석

  25. 25

    JSON처럼 보이는 파일을 JSON으로 구문 분석

  26. 26

    Ajax 게시 요청 후 PHP에서 JSON 구문 분석

  27. 27

    PHP에서 중첩 배열로 문자열 구문 분석

  28. 28

    자바에서 JSON 객체를 문자열로 구문 분석

  29. 29

    Android에서 GSON으로 JSON 파일 구문 분석 문제

뜨겁다태그

보관