2011-09-23 2 views
0

나는 사람이 데이터를 추가 할 수있는 양식을 만들려고하고 내가 원하는 흐름이 데이타베이스에 물건을 추가하는 아약스 호출이고 페이지를 새로 고치지 않고 원본 페이지의 다른 패널이 도착하는 샌드 박스를 가지고있다. 추가 된 정보로 업데이트되었습니다.DB에 물건을 추가하는 아약스 양식을 만드는 방법과 같은 페이지를 업데이트해야합니까?

어떻게 해낼 수 있습니까? 나는 현재 딱히 인터넷 검색으로 그런 정확한 예를 보지 못했다.

+0

작업을 중단하십시오. HTTP 요청을 작성하고 응답을 읽은 다음 해당 응답의 내용을 기반으로 DOM을 조작하기 만하면됩니다. 모든 Ajax 튜토리얼에서이를 수행하는 방법을 알려줄 것이고, 특정 문서 및 HTTP API에 적용하면된다. – Quentin

+0

문제가 클라이언트 측 (요청 전송 및 페이지 업데이트 중) 또는 서버 측 (DB 저장 및 응답 중)에있는 경우에는 표시되지 않습니까? –

+0

@Martin 내 혼란은 클라이언트쪽에 더 있습니다. – Genadinik

답변

1

이 URL을 시도해 볼 수 있습니다. http : //www.9lessons.info/2009/04/submit-form-jquery-and-ajax.html join.php에서 삽입 후 select * from tablename 그리고 나열됩니다. 동일한 페이지의 다른 패널에서 Ajax 응답을 표시 할 수 있습니다.

1

agiletoolkit.org를 보아라. 그것은 당신이 찾고있는 것을 정확하게 처리하는 crud 상자를 제공하는 PHP 프레임 워크이다. 편집 및 추가를위한 jquery 대화 상자를 열고, 백그라운드에서 Ajax 호출을 만든다. 데이터로 눈금을 새로 고칩니다.

2

하나의 간단한 예 (jQ). JS functionName을 클릭/제출 또는 다른 이벤트에서 일부 이벤트와 바인딩하십시오. 서버 측

function functionName(val1, val2, and so on) { 
    $.get('/ServletOrPhpFileOrSomeOther?valueOne=' + val1+ 
     '&valueTwo=' + val2 + 
     '&timestamp=' + $.timestamp(), 

     function(data) { 
      //data is the return stuff from you ServletOrPhpFileOrSomeOther 
      //do something with it... example 
      $('#ElementToUpdate').html(data); 
     } 
    ); 
} 

'ServletOrPhpFileOrSomeOther'값을 계산하고 다시가 someting를 반환한다. 값 val1, val2 등을 전달하는 대신 원하는 경우 함수 내의 양식 값을 읽을 수 있습니다.

업데이트되지 않는 값에 대해 몇 가지 문제가 있었기 때문에 timeStamp를 더미로 사용했습니다. 당신은없이 시도 할 수 있습니다.

관련 문제