jQuery 간단한 양식 제출 (다시로드하지 않고)

누군가 jquery로 양식 제출에 가장 간단한 코드를 제공 할 수 있습니까? 웹에는 모든 종류의 거시기 코딩이 있습니다.jQuery 간단한 양식 제출 (다시로드하지 않고)

2010-01-11 dave

$ ('양식') 제출()는 명백한 대답 -하지만 아마 당신이 찾고있다되지 것을. 당신은 당신이하고 싶은 것을 조금 더 서술 할 수 있습니까? – ondra

간단한 레코드 삭제 페이지가 있는데 레코드를 삭제하고 싶습니다. 나는 새로 고침을 원하지 않으며, 작업을 위해 jQuery가 필요하다. – dave

$('#your_form_id').submit(function(){ 
    var dataString = $("#your_form_id").serialize(); 

    $.ajax({ 
    type: "POST", 
    url: "submit.php", 
    data: dataString, 
    success: function() { 
     alert('Sent!'); 
    } 
    }); 

    return false; 
});

출처

2010-01-11 10:29:52

오른쪽. 일단 SQL 쿼리가 실행되면 submit.php에서 값을 반환하고 싶다. 내가 당신의 대답에 덧글을 추가하고있는 것 같습니다 – dave

@dave : 그 방법에 대한이 질문을보십시오 : http://stackoverflow.com/questions/388436/jquery-ajax-return-value –

성공 함수는 매개 변수가 주어집니다 (데이터, textStatus). 성공한 기능으로받은 데이터에 따라 행동 할 수 있습니다. – ondra

원하는 것은 jquery form plugin입니다. ajax를 사용하여 일반적인 'form'을 간단히 보낼 수 있습니다. 보이지 않는 양식을 만들고이 플러그인을 사용하여 서브 미트 할 수 있습니다. Joel의 대답에있는 옵션도 가능합니다. 제출하려는 항목의 복잡성에 따라 다릅니다.

출처

2010-01-11 10:32:11 ondra

사실, 나는 물건을 추가 할 것입니다. 그것은 당신의 대답에 코멘트를 추가하는 것과 동일하게 작동합니까? – dave

네, 그렇습니다 - stackoverflow가 폼 플러그인을 특별히 사용하는지 잘 모르겠습니다 :) – ondra

Form 플러그인을 살펴 보자 여기

$(function() { 
    $('#myForm').ajaxForm(function() { 
     alert("Thank you for your comment!"); 
    }); 
});

출처

2010-01-11 10:32:22

은 JQuery와 양식 플러그인과 같은 다른 솔루션, 간단하지 않습니다,하지만 당신은 스스로 오류 코드와 메시지를 처리 할 경우에 유용 할 수 있습니다 .이 HTML + 자바 스크립트 샘플에서

보기 :

<div> 
     <form method="post" id="fm-form" action =""> 
     <label>Name:</label> 
      <input type="text" id="fm-name" name="fm-name" value="" /> 
      <label>Email:</label> 
      <input type="text" id="fm-email" name="fm-email" value="" /> 
      <label>Birthdate:</label> 
      <input type="text" id="fm-birthdate" name="fm-birthdate" value="" /> 

      <input type="submit" id="fm-submit" value="Save it"> 
     </form> 
    </div> 


<script type="text/javascript"> 
$(function() { 

    // disable the form submission 
    $("#fm-form").submit(function() { return false; }); 

    // post the datas to "submit_form.php" 
    $("#fm-submit").click(function() { 
    $.post("/ajax/submit_form.php", 
     { 'fm-name':$("#fm-name").val(), 
     'fm-email':$("#fm-email").val(), 
     'fm-birthdate':$("#fm-birthdate").val() 
     } 
     ,function(xml) { 
     // submit_form.php will return an XML or JSON document 
     // check it for potential errors 
     }); 
    }); 

}); 
</script>

출처

2010-01-11 10:49:27

jQuery 간단한 양식 제출 (다시로드하지 않고)

답변

관련 문제