Ajax 및 PHP를 사용하여 메일 링리스트를 작성하십시오

이 설정의 아름다움은 페이지의 구조가 기능에서 완전히 분리되어 개발 및 유지 보수가 번거롭지 않다는 것입니다. ajax를 사용하여 주소를 전달합니다 JS 폴더 내부의 는 Prototype.js 파일과 함께 MailingList.js라는 파일입니다. 이 파일에는이 페이지에 맞는 ajax 기능을 구동하는 코드가 포함되어 있습니다. 이 파일의 첫 번째 비즈니스 항목은 폼 요소 제출 이벤트에 이벤트 리스너를 추가하는 것입니다. 그러나이 작업을 곧바로 할 수 없습니다. 페이지가로드 될 때까지 기다려야합니다. 이 이벤트 리스너를 추가하기 위해 프로토 타입의 편리한 관찰 방법을 사용합니다. 먼저 페이지의로드 이벤트에 대한 리스너를 추가합니다. 이 리스너 안에는 이벤트 리스너를 양식 제출 이벤트에 첨부합니다.
양식의 이벤트 리스너는 양식이 제출되면 JavaScript 함수 Storeaddress를 호출합니다. 이 storeaddress 함수에는 JavaScript가 포함되어있어 PHP 스크립트를 호출합니다. 다음은 다음과 같습니다.

이 기능은 매우 간단합니다. "이메일 주소 추가"메시지를 표시하여 사용자가 무언가가 진행되고 있음을 통해 시작합니다. 다음으로 AJAX 요청을 보내기 위해 양식에서 정보를 수집합니다. 프로토 타입의 $ F 함수를 사용하여 텍스트 필드의 내용에 액세스하는 방법에 주목하십시오.이 양식 요소의 ID와 함께 제공 될 때 주어진 양식 요소의 값을 가져옵니다. JavaScript Escape 함수를 사용하여 사용자 입력을 유니 코드 형식으로 변환합니다. 이런 식으로 URL은 get 메소드를 통해 PHP 스크립트로 전달할 준비가되었습니다.

그런 다음이 기능에서 가장 중요한 부분이됩니다 : 새로운 ajax.updater 객체의 생성. ajax.updater 객체를 만들 때 다음을 포함한 일부 매개 변수를 전달합니다.

서버에서 응답을 표시하려는 요소의 ID PHP 스크립트의 URL 서버 측 스크립트로 보내려는 데이터와 전달 방법 (예 : 게시 또는 get)

ajax.updater는 이메일 주소를 서버로 보내고 참을성있게 응답을 기다립니다. 응답을 받으면 메소드 시작시 삽입 한 "이메일 주소 추가…"메시지 대신 응답이 표시됩니다. 마지막으로, 우리는 event.stop (프로토 타입 라이브러리에서 제공하는 다른 기능)을 호출하여 양식이 실제로 서버에 제출되는 것을 중지합니다. 메일 링리스트 데이터베이스 를 설정하십시오 이메일 주소를 저장하기 위해 PHP를 작성하기 전에, 우리는 그것들을 넣을 장소가 필요합니다. 이 SQL은 MailingList라는 테이블을 작성합니다.

// Attach handler to window load event <br>
Event.observe(window, 'load', init, false); <br>
 <br>
function init() { <br>
  // Attach handler to form's submit event <br>
  Event.observe('addressForm', 'submit', storeAddress); <br>
}

코드 아카이브에 포함 된 는 createTable.php라는 PHP 파일 로이 테이블을 만들 것입니다. 그러나이 파일을 실행하기 전에 MySQL 데이터베이스의 세부 사항으로 dbconstants.php 파일을 업데이트해야합니다. 다음 섹션 에서이 상수를 사용할 것이므로이 파일을 업데이트하는 것이 좋습니다. <email> 전자 메일 주소 저장 <everything> 우리는 서버에 주소를 전달하기 위해 모든 것을 설정했습니다. 이제 PHP는 데이터베이스에 주소를 저장하고 성공 또는 실패를 나타 내기 위해 Ajax 객체에 문자열을 반환하여 프로세스를 완료합니다. 이메일 주소가 전송되는 ajaxserver.php 파일을 살펴 보겠습니다. <p> <ph>이 매우 간단한 PHP 스크립트는 Storeaddress라는 함수를 호출하고 Ajax 객체로 돌아갑니다. ajax 객체와 통신하는 것은 문자열을 인쇄하는 것만 큼 간단합니다. </ph></p> <stor> 가장 먼저 Storeaddress가하는 일은 $ 메시지라는 변수를 깨지지 않는 공간으로 초기화하는 것입니다. 그런 다음 스크립트가 쿼리 문자열에서 이메일 주소를 수신했는지 확인합니다. 그렇지 않은 경우 $ 메시지 변수를 중단되지 않는 공간으로 설정합니다. $ 메시지는이 기능의 끝에서 발신자에게 반환됩니다. <h5> </h5> <certain> 작업 할 이메일 주소가 있다고 확신하면 유효한 주소인지 확인하고 싶습니다. 우리는 정규 표현식을 사용하여 @ 기호, 더 영숫자, 기간 및 더 영숫자 문자가 뒤 따르는 영숫자 문자를 찾습니다. 이 테스트가 실패하면 $ 메시지를 오류 메시지로 설정하여 입력 한 이메일 주소가 유효하지 않다는 것을 사용자에게 알립니다. <p> <pass> 주소 가이 테스트를 통과하면 데이터베이스에 저장합니다. 이를 위해 MySQL에 연결하고 데이터베이스를 선택한 다음 삽입 쿼리를 실행하십시오. 주소가 올바르게 저장되면 성공 메시지로 $ 메시지를 설정합니다. 그렇지 않으면 $ 메시지를 오류 메시지로 설정합니다 </pass></p> <return> 마지막으로, 우리는 ajaxserver.php : 에 $ 메시지를 반환합니다 <pre class="brush:php;toolbar:false">function storeAddress(e) { &lt;br&gt;  // Update user interface &lt;br&gt;  $('response').innerHTML = 'Adding email address...'; &lt;br&gt;  // Prepare query string and send AJAX request &lt;br&gt;  var pars = 'address=' + escape($F('address')); &lt;br&gt;  var myAjax = new Ajax.Updater('response', 'ajaxServer.php', {method: 'get', parameters: pars}); &lt;br&gt;  // Stop form from submitting when JavaScript is enabled &lt;br&gt;  Event.stop(e); &lt;br&gt; }</pre> <the> 지금, 페이지를로드하고, 이메일 주소를 입력하고, 양식을 제출하십시오. 페이지를 다시로드하지 않고 MailingList 테이블에 추가 이메일 주소가 추가되어야합니다. JavaScript를 비활성화하더라도 페이지는 JavaScript를 사용하여 STOREADDRESS의 출력을 동적으로 삽입하는 대신 페이지의 PHP 코드에서 HTML에 직접 삽입된다는 점을 제외하고는 매우 유사한 방식으로 작동합니다. <really really> Ajax는 실제로 메일 링리스트에 가입하는 것이 케이크 조각으로 만듭니다. 페이지가 다시로드 될 때까지 기다리지 않아 방문자의 탐색 경험이 중단되며 JavaScript를 사용하지 않는 사람을 배제 할 필요가 없습니다. 프로토 타입은 Ajax 기능을 빠르고 고통스럽게 구축하는 프로세스를 만들어 사이트 팬과 긴밀하게 연락 할 수 있습니다.<questions> ajax를 PHP와 함께 사용하여 메일 링리스트를 구축하는 것에 대한 자주 묻는 질문 (FAQ) <use> ajax를 Php와 함께 사용하여 메일 링리스트를 작성하는 방법은 무엇입니까? <h2> Ajax는 비동기 JavaScript 및 XML을 나타내는 Ajax는 대화식 웹 애플리케이션을 만드는 데 사용되는 웹 개발 기술입니다. PHP는 웹 개발을 위해 설계된 서버 측 스크립팅 언어입니다. 결합하면 AJAX와 PHP를 사용하여 페이지를 새로 고치지 않고 양식에서 서버 측 스크립트 (PHP)로 데이터를 보내서 메일 링리스트를 작성할 수 있습니다. 이것은 서버와 통신하고 페이지 컨텐츠를 비동기 적으로 업데이트하는 ajax의 xmlhttprequest 객체를 사용하여 수행됩니다. </h2> ajax에서 xmlhttprequest 객체의 역할은 무엇입니까? <h3> </h3> xmlhttprequest 객체는 개발자의 꿈이되기 때문에 xmlhttprequest 객체가 개발자의 꿈이되기 때문에. 서버에서 비동기 적으로 데이터를 보내고 수신하는 데 사용됩니다. 즉, 서버와 비해 데이터를 교환하고 전체 페이지를 다시로드하지 않고 웹 페이지의 일부를 업데이트한다는 것을 의미합니다. PHP에서 AJAX 응답을 처리하는 방법은? Echo 문은 하나 이상의 문자열을 출력하는 데 사용됩니다. Ajax의 맥락에서 Echo 문은 Ajax 요청으로 응답을 다시 보내는 데 사용될 수 있습니다. <p> ajax 및 php와 함께 jQuery를 어떻게 사용할 수 있습니까? jQuery는 빠르고 작고 기능이 풍부한 JavaScript 라이브러리입니다. 수많은 브라우저에서 작동하는 사용하기 쉬운 API로 HTML 문서 트래버스 및 조작 및 애니메이션과 같은 것들을 훨씬 간단하게 만듭니다. 다목적 성과 확장 성의 조합으로 JQuery는 수백만 명의 사람들이 JavaScript를 작성하는 방식을 바꾸 었습니다. JQuery의 Ajax 방법을 사용하여 PHP 스크립트에 비동기 HTTP 요청을 보낼 수 있습니다. </p> <h3> Ajax 및 PHP를 디버그하는 방법 Ajax 및 PHP 디버깅은 Ajax를 비동기로 실행하기 때문에 약간 까다로울 수 있습니다. 그러나 브라우저의 개발자 도구를 사용하여 AJAX 요청 및 응답을 검사 할 수 있습니다. PHP의 오류보고 기능을 사용하여 PHP 스크립트에서 오류를 잡고 처리 할 수도 있습니다. </h3> ajax 및 php에서 오류를 처리하는 방법? <p> Ajax 및 PHP의 오류 처리는 Ajax 및 Die () 기능의 오류 () 메소드를 사용하여 PHP의 오류 처리를 수행 할 수 있습니다. 요청이 실패하면 오류 () 메소드가 호출됩니다. 다이 () 함수는 메시지를 인쇄하고 현재 스크립트를 종료합니다. </p> ajax를 사용하여 php 스크립트에 양식을 제출하려면 어떻게해야합니까? <h3> ajax의 post () 메소드를 사용하여 양식을 PHP 스크립트에 제출할 수 있습니다. Post () 메소드는 POST 요청을 서버로 보내고 PHP 스크립트에서 처리 할 양식 데이터를 보낼 수 있습니다. </h3> AJAX를 사용하여 PHP를 사용하여 데이터베이스를 업데이트하는 방법? <p> AJAX를 사용하여 PHP 스크립트로 데이터를 보낼 수있는 방법은 데이터베이스를 업데이트 할 수 있습니다. 이것은 Ajax의 Post () 메소드를 사용하여 수행되며, 이는 게시물을 업데이트 할 데이터를 서버에 보내는 게시물 요청을 사용합니다.<use> ajax를 사용하여 php를 사용하여 데이터베이스에서 데이터를 검색하는 방법? <h3> AJAX를 사용하여 요청을 PHP 스크립트로 보내면 데이터베이스에서 데이터를 검색 할 수 있습니다. 그런 다음 PHP 스크립트는 검색된 데이터로 AJAX 요청에 응답을 다시 보낼 수 있습니다. </h3> AJAX를 사용하여 PHP를 사용하여 데이터베이스에서 데이터를 삭제하는 방법? AJAX를 사용하여 PHP 스크립트에 요청을 보내 데이터베이스에서 데이터를 삭제할 수 있습니다. 그런 다음 PHP 스크립트는 AJAX 요청으로 응답을 보내서 데이터가 삭제되었는지 확인할 수 있습니다.</use></p></use></questions></really></the></return></certain></stor></everything></email>

위 내용은 Ajax 및 PHP를 사용하여 메일 링리스트를 작성하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!