뒤에서 서버에 데이터 게시

Question

사용자가 콘텐츠를 추가 할 수있는 페이지가있는 웹 사이트를 만들고 div를 원하는 위치와 크기로 다시 정렬 할 수 있습니다. 각 div의 현재 위치를 저장하는 저장 버튼이 필요합니다. 그러나 매번 페이지를 새로 고치고 싶지는 않습니다 (백그라운드에서 정보를 저장해야하는 자동 저장 기능도 있습니다).

페이지를 다시로드하지 않고도 서버에 데이터를 게시하는 방법을 알 수 없습니다. 일종의 AJAX 요청이 필요하지만 그 방법을 알려주는 어떤 것도 찾을 수 없다는 것을 알 수 있습니다 (내가 찾을 수있는 모든 AJAX 예제는 서버에서 데이터를 읽는 것과 비슷한 것처럼 보입니다). 이제 막 서클에 돌입하기 시작한 것 같습니다.하지만이 모든 것을 생각하면 머리를 터 뜨릴 수는 없습니다. 힘든 일은 아니라는 것을 알고 있습니다. 그러나 나는 다른 예들에 대해 혼란스러워하고 있습니다.

우선,이 방법이 가장 좋은 방법입니까? 그렇다면 누군가 AJAX를 통해 데이터를 게시하는 간단한 예제를 가르쳐 줄 수 있습니까? 이미 jQuery를 사용하고 있으므로 Ajax에서도 사용할 수있다.

감사합니다. jQuery로

Answer 1

슈퍼 간단한 AJAX :

$.ajax({ 
    url: '/save-the-stuff-url', 
    type: 'POST', 
    data: { 
     // information about your divs, etc. 
     'foo' : 'bar' 
    }, 
    success: function(response) { 
     // if the AJAX call completes successfully, this function will get called. 
     alert('POST successful!'); 
    } 
}); 

이에게 기회를 줘!

Answer 2

게시물의 다양한 예를 보려면 Jquery site을 클릭하십시오. 당신이 아직 사용하지 않을 경우

HTH

Answer 3

와 jQuery를 워드 프로세서 페이지 당신은 또한의 jQuery draggables보고 할 수 있습니다 .. 게시물에 대한 페이지 http://docs.jquery.com/Post

입니다 jQuery를 배울 수있는 좋은 방법입니다 ..

http://docs.jquery.com/UI/API/1.8/Draggable

당신은이 당신의 드래그 객체가

,691로 오히려 쉽게 가자 인에 묶여 막아 해고 할 수

$.post("example.php", { 
     from : "ajax", // put some info in these - they are the params 
     time : "2pm", 
     data : "save" 
    }, 
    function(data) { // callback function - data always passed to it 
     $("#success").html(data); // do something with that data 
    } 
); 

을 그리고이 어딘가에 넣어 :여기에

$(".selector").draggable({ 
    stop: function(event, ui) { ... } 
}); 

Answer 4

, AJAX이 시도

<span id='success'></span> 

을 그리고, example.php이 예를 시도 :

<?php 
    if(isset($_POST['from']) and $_POST['from'] == 'ajax'){ 
     echo "<span style='color: green;'>Saved!</span>"; 
    } 
    else { 
     echo "<span style='color: red;'>Failure!</span>"; 
    } 
?> 

을 그리고 아마 당신의 필요에 맞게 이들을 수정하고 아마도 목표 파일을 바꿀 것입니다. 스크립트가 출력하는 것은 무엇이든지 ajax 요청에 주어진 것입니다.

$("#output").load("myScript.php"); 

그런 다음 #output 그것에서 " Aloha!"있을 것입니다 :

<?php echo "Aloha!"; ?> 

그리고 이것은 내 자바 스크립트 :이이 내 PHP 스크립트 있다면 것을 의미한다.

희망이 도움이됩니다.