ajax 처리 질문 부탁드립니다ㅠㅠㅠ급해요 채택완료

dudqls

2년 전 조회 2,874

Copy



$(".address_btn").click(function() {

        let value = this.value;

        ajax_url = "/petroom/ajax_petroom_list.php";

         $('#address_searching').val(value);

          let frmData = $("#search_wrap").serialize();

          console.log(frmData);

 

        $.ajax({

            type: "POST",

            url: ajax_url,

            data: frmData,

            dataType: "JSON",

            success: function(response) {

                console.log(response);     

            },

            error: function(xhr, status, error) {

                console.error(error);

            }

        });

우선 폼안에있는 값들은 전송이 됩니다.

ajax.php

Copy

대충 폼안에 주소 value가 들어가서 그 값을 찾아 배열로 보내주는 설계입니다.

Copy

그리고 form.submit으로 실행시켰을때 표시되는 코드입니다. 하지만 form.submit으로 하게 되면 reload가 되어 ajax로 실행하고싶은건데 배열은 찍히는데 json 완전초보라 배열을 표시할줄을 모릅니다ㅠㅠ 아니면 그냥 ajax에서 배열로 내보내지 않고 비동기로 위에 form.submit으로 뿌려주는 방법이 있을까요?? 제발알려주세요ㅠ

1889015246_1691496449.7165.png

#자바스크립트 #배열 #ajax #비동기 #php

답변 1개

정렬:

채택된 답변

+20 포인트

설국열차

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전

$.ajax({
type: "POST",
url: ajax_url,
data: frmData,
dataType: "html",
success: function(response) {
$("#toshowhtml").html(response);
},
error: function(xhr, status, error) {
console.error(error);
}
});

dataType: "html", 이와 같이 변경하시고
$("#toshowhtml").html(response);
보여질 <div id="toshowhtml">.....

이렇게 ajax 요청하고
ajax.php 에서
// echo json_encode( $arr );
위의 부분을 삭제하고
보여질 html 내용을 for 으로 구성하거나 해서 만들어주면 그대로 가져 올 것입니다.

ajax.php 에서 content type 을 html로 해주면 될 것입니다.
header("Content-type: application/xml; charset=utf-8"); 이렇게 맨위에 선언해 주세요