2012-04-11 1 views
1

나는이 문제에 대해 물어볼 필요가 있습니다. PHP와 JavaScript에 대한 제 이해가 완전히 형성되지 않았기 때문에 생각합니다. 나는이 일을 시도하기 시작한 방식이 매우 잘못 될 수 있다고 생각하지만 다른 사람의 질문은 나에게 의미가있는 어떤 것에 부딪힌다.JavaScript (또는 AJAX?)와 함께 PHP/MySQL 코드를 동적으로 추가하십시오.

Basicaly : 추가 양식 입력 상자를 추가하는 양식에 JavaScript 단추가 있어야하며 동시에 PHP에서 새 양식의 데이터를 데이터베이스에 삽입하기위한 추가 SQL 코드를 추가하려고합니다.

내 자바 스크립트는 모든 코드가 어디

function addElement2() { 

var ni = document.getElementById('SQLphoneDiv'); 
    var numi = document.getElementById('theValue2'); 
    var num = (document.getElementById('theValue2').value -1 + 2); 
    numi.value = num; 
    var newdiv = document.createElement('div'); 
    var divIdName = 'SQLphoneDiv'+num+''; 
    newdiv.setAttribute('id',divIdName); 
    newdiv.innerHTML = ' <input type=hidden id=' +num+ ' value=' +num+ '> <?php  $insert_phone = "INSERT INTO phone (Phone_Cust_ID,Phone_Numb,Ext) VALUES (\'$cust_ID[0]\',\'".$_POST[\'phone' +num+ '\']."\',\'".$_POST[\'ext' +num+ '\']."\')"; $add_phone = mysql_query($insert_phone); ?>'; 
    ni.appendChild(newdiv); 
    } 

은 "newdiv.innerHTML"입니다 .. 다음과 같다, 내 자바 스크립트가 실행될 때 내 PHP 페이지에서 DIV로 보냅니다.

 <?php 
    if (isset($_POST['submit'])) { 

     //add aditional phone numbers 

     echo '<input type="hidden" value="0" id="theValue2" />'; 
     echo '<div id="SQLphoneDiv"></div>'; 
    ?> 

내가 발견 한 그 이외의 에코 부분을 두는 부분은 내가 DIV의 쇼 업 물론이 더 PHP의를 보여줍니다 적어도 (내 추가 버튼을 쳤을 때 코드가 실제로 표시한다 "만일" Dreamweaver의 라이브 모드). 난 그냥 알아내는거야 이해하면 페이지가 실행되면 PHP 그래서 사실은 말이 안 후 더 많은 코드를 추가하려고 설정되어 있기 때문에

그래서 어쨌든, 이것은 완전히 잘못된 것입니다. 이것에 대해 생각하고 있습니까? 당신은 실제로 이것을 어떻게 할 것입니까? AJAX로 뭔가?

팁을 주시면 감사하겠습니다.

Nathan

+0

또한 여기 코드는 전체 코드 조각입니다. 이 주요 아이디어와 관련이없는 많은 무관 한 것들이있을 것입니다. – fender357

+0

PHP는 서버 측에서 처리되며, 자바 스크립트는 클라이언트 측에서 처리됩니다. 자바 스크립트에서 기존이 아닌 PHP 코드를 추가 할 수는 없습니다. – legrandviking

+0

맞습니다. 그게 내가 마침내 알아 낸 것입니다. 그렇다면이 기능을 어떻게 구현할 것입니까? – fender357

답변

0

PHP는 페이지가 클라이언트로 전송되기 전에 서버에서 실행됩니다. JavaScript는 클라이언트에서 실행됩니다. AJAX는 갈 길입니다.

+0

네가 나를 향해 지적 할 수있는 문서라면 나에게 이런 종류의 일을 시작할 수 있을까? – fender357

+0

이것이 내가 시작한 곳입니다 ... http://www.w3schools.com/ajax/ajax_intro.asp – reergymerej

+0

감사합니다. W3schools에서 가능한 한 많이 읽었습니다. – fender357

관련 문제