새로 고침없이 필드에 데이터를 삽입하는 방법은 무엇입니까?

Question

필드를 새로 고치지 않고 데이터베이스의 데이터를 추가하려면 어떻게해야합니까? 이메일에 주소록 추가 기능이 마음에 듭니다. '추가'버튼을 클릭하면 작은 창과 연락처가 열려야합니다. 하나 또는 두 개의 연락처를 확인하고 삽입 버튼을 누르면 상위 페이지를 새로 고치지 않고 '받는 사람'입력란에 삽입해야합니다. !!

어떻게해야합니까? 제발 도와주세요 :)

Answer 1

이렇게하려면 ajax를 사용해야합니다. Ajaxform은 폼에서 페이지에 동적으로 데이터를 추가하는 훌륭한 플러그인입니다. jquery에서도 $ .ajax를 사용할 수있다. http://jquery.malsup.com/form/#ajaxForm

$(document).ready(function() { 
    var options = { 
     target:  '#output1', // target element(s) to be updated with server response 
     beforeSubmit: showRequest, // pre-submit callback 
     success:  showResponse // post-submit callback 

     // other available options: 
     //url:  url   // override for form's 'action' attribute 
     //type:  type  // 'get' or 'post', override for form's 'method' attribute 
     //dataType: null  // 'xml', 'script', or 'json' (expected server response type) 
     //clearForm: true  // clear all form fields after successful submit 
     //resetForm: true  // reset the form after successful submit 

     // $.ajax options can be used here too, for example: 
     //timeout: 3000 
    }; 

    // bind form using 'ajaxForm' 
    $('#myForm1').ajaxForm(options); 
}); 

또는 일반 아약스

$.ajax({ 
    url : url, 
    data : {name : name} 
    dataType : 'json', 
    success : function(data) {} 
}); 

Answer 2

당신은 AJAX를 사용해야합니다. 현재 AJAX는 비동기 JavaScript와 JSON을 주로 사용합니다. 당신이 이것에 대해 새 것처럼 보인다고해서 jQuery, YUI, Dojo, Prototype 등과 같은 훌륭한 AJAX 라이브러리를 사용할 것을 강력히 제안 할 것입니다. 코드를 훨씬 쉽게 만들어 줄 것입니다. 브라우저. jQuery, AJAX 및 PHP와 관련된 자습서를 검색하십시오. 얼마 전에 John Resig의 좋은 이야기를 보았습니다. jQuery와 PHP로는 거의 코드를 사용하지 않고 무엇을하려하는지 꽤 많이 보여주었습니다. 불행히도 지금은 제목이나 링크를 기억할 수 없지만 문제없이 찾을 수 있어야합니다.

Answer 3

나는 확실히 당신의 문제를 이해할 수 없다,하지만 난 DOM 작업이이 문제를 해결 수 있다고 생각합니다.

그냥보고이 예를 들자면 :

http://jsfiddle.net/cyhello/Yfhrp/ 도움을 바랍니다. 행운을 빕니다!