$ .ajax() 메소드 데이터

Question

나는 onchange에서 내 데이터베이스에 새 값을 삽입하려는 일부 div 태그가 있습니다. 사람들의 제안에 따라 $.ajax POST을 (를) 사용하고 있습니다. 나는 JQuery와 아약스에 새로 온 이후로, 나는 ..

  $(".div"+increment).change(function(){ 
        $.ajax({ 
        type: "POST", 
        url: "./server", 
        data: "name=John&location=Boston", 
        success: function(msg){ 
        alert("Data Saved: " + msg); 
          } 
       }) 


       }); 

Answer 1

"내 값을 데이터베이스에 비동기 적으로 삽입하십시오. (on the fly)"라고 말하면 "데이터베이스에 기간 삽입"을 의미합니다.

POST 요청 ($ .ajax() 또는 $ .post())은 클라이언트의 데이터 만 서버로 보낼 수 있습니다.

삽입을 수행하려면 서버 측 코드를 작성해야합니다.

POST 변수 "name"과 "location"이 제출되면 서버에 데이터를 삽입 할 수있는 "do-insertion.php"라는 스크립트가 있다고 가정 해 보겠습니다.

그래서 당신이 (당신이 이미 알고 추측) 작성합니다

$.post("do-insertion.php", {"name":"John", "location":"SF"}, function(data){alert("got response="+data);});

중요한 것은 서버 측 코드를 작성할 것입니다. 나는 PHP를 가정하므로 php 용 mysql API를 사용하고 데이터베이스에 데이터를 삽입한다.

당연히, 당신은

$name=$_POST['name'];

$location=$_POST['location'];

이것은 PHP에만 적용으로 submited 데이터를 읽을 수 있습니다; 다른 언어에는 모든 것을 수행하는 다른 방법이 있습니다.

---

덧붙여서, 귀하의 질문에 "비공식적으로 .... (on the fly)"라는 특별한 의미가 있습니까?

Answer 2

(즉시) 비동기 데이터베이스에 제 값을 삽입하는 방법에 대해 설명 바랍니다 실제로없는 것을 $의 아약스()에서 데이터 및 MSG 할

데이터 속성은 단순히 정상적으로 후 매개 변수를 검색 서버 측에서 객체

  $(".div"+increment).change(function(){ 
       $.ajax({ 
       type: "POST", 
       url: "./server", 
       data: {name:"John", location:"Boston"}, 
       success: function(msg){ 
       alert("Data Saved: " + msg); 
         } 
      }) 


      }); 

이어야한다. 예를 들어 PHP에서는 $ _POST ("name") 및 $ _POST ("location")과 같은 작업을 수행합니다. PHP에서 생성 된 응답은 msg로 표시됩니다. 따라서 삽입을 실행 한 후에 PHP 스크립트에 "Save operation succeeded"을 반향시킬 수 있습니다.

Answer 3

대신 $.post을 사용해보십시오. 다루기가 더 쉽습니다. 단점은 오류 알림을 제공하지 않는다는 것입니다.