나는 사람이 데이터를 추가 할 수있는 양식을 만들려고하고 내가 원하는 흐름이 데이타베이스에 물건을 추가하는 아약스 호출이고 페이지를 새로 고치지 않고 원본 페이지의 다른 패널이 도착하는 샌드 박스를 가지고있다. 추가 된 정보로 업데이트되었습니다.DB에 물건을 추가하는 아약스 양식을 만드는 방법과 같은 페이지를 업데이트해야합니까?
어떻게 해낼 수 있습니까? 나는 현재 딱히 인터넷 검색으로 그런 정확한 예를 보지 못했다.
나는 사람이 데이터를 추가 할 수있는 양식을 만들려고하고 내가 원하는 흐름이 데이타베이스에 물건을 추가하는 아약스 호출이고 페이지를 새로 고치지 않고 원본 페이지의 다른 패널이 도착하는 샌드 박스를 가지고있다. 추가 된 정보로 업데이트되었습니다.DB에 물건을 추가하는 아약스 양식을 만드는 방법과 같은 페이지를 업데이트해야합니까?
어떻게 해낼 수 있습니까? 나는 현재 딱히 인터넷 검색으로 그런 정확한 예를 보지 못했다.
이 URL을 시도해 볼 수 있습니다. http : //www.9lessons.info/2009/04/submit-form-jquery-and-ajax.html join.php에서 삽입 후 select * from tablename 그리고 나열됩니다. 동일한 페이지의 다른 패널에서 Ajax 응답을 표시 할 수 있습니다.
agiletoolkit.org를 보아라. 그것은 당신이 찾고있는 것을 정확하게 처리하는 crud 상자를 제공하는 PHP 프레임 워크이다. 편집 및 추가를위한 jquery 대화 상자를 열고, 백그라운드에서 Ajax 호출을 만든다. 데이터로 눈금을 새로 고칩니다.
하나의 간단한 예 (jQ). JS functionName을 클릭/제출 또는 다른 이벤트에서 일부 이벤트와 바인딩하십시오. 서버 측
function functionName(val1, val2, and so on) {
$.get('/ServletOrPhpFileOrSomeOther?valueOne=' + val1+
'&valueTwo=' + val2 +
'×tamp=' + $.timestamp(),
function(data) {
//data is the return stuff from you ServletOrPhpFileOrSomeOther
//do something with it... example
$('#ElementToUpdate').html(data);
}
);
}
'ServletOrPhpFileOrSomeOther'값을 계산하고 다시가 someting를 반환한다. 값 val1, val2 등을 전달하는 대신 원하는 경우 함수 내의 양식 값을 읽을 수 있습니다.
업데이트되지 않는 값에 대해 몇 가지 문제가 있었기 때문에 timeStamp를 더미로 사용했습니다. 당신은없이 시도 할 수 있습니다.
작업을 중단하십시오. HTTP 요청을 작성하고 응답을 읽은 다음 해당 응답의 내용을 기반으로 DOM을 조작하기 만하면됩니다. 모든 Ajax 튜토리얼에서이를 수행하는 방법을 알려줄 것이고, 특정 문서 및 HTTP API에 적용하면된다. – Quentin
문제가 클라이언트 측 (요청 전송 및 페이지 업데이트 중) 또는 서버 측 (DB 저장 및 응답 중)에있는 경우에는 표시되지 않습니까? –
@Martin 내 혼란은 클라이언트쪽에 더 있습니다. – Genadinik