jQuery를에서 웹 사이트 .post 문서를 $.
예 : 아약스 요청을 사용하여 양식 보내기 데이터
$.post("test.php", $("#testform").serialize());
예 : 포스트 사업부에서 아약스 넣어 결과를 사용하여 양식을
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<form action="/" id="searchForm">
<input type="text" name="s" placeholder="Search..." />
<input type="submit" value="Search" />
</form>
<!-- the result of the search will be rendered inside this div -->
<div id="result"></div>
<script>
/* attach a submit handler to the form */
$("#searchForm").submit(function(event) {
/* stop form from submitting normally */
event.preventDefault();
/* get some values from elements on the page: */
var $form = $(this),
term = $form.find('input[name="s"]').val(),
url = $form.attr('action');
/* Send the data using post */
var posting = $.post(url, {
s: term
});
/* Put the results in a div */
posting.done(function(data) {
var content = $(data).find('#content');
$("#result").empty().append(content);
});
});
</script>
</body>
</html>
OAuth를 또는 최소 HTTPS에서 (TLS / SSL)를 사용하지 않고 안전한 데이터 (신용 카드 번호, 사회 보장 번호 (SSN), PCI, HIPAA 아무것도 또는 로그인 관련)이 방법을 사용하지 마십시오
2.
var postData = "text";
$.ajax({
type: "post",
url: "url",
data: postData,
contentType: "application/x-www-form-urlencoded",
success: function(responseData, textStatus, jqXHR) {
alert("data saved")
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(errorThrown);
}
})
3.당신은 추가하는 경우 :
당신은 추가하는 경우 :
당신은 단순히이 작업을 수행 할 수 있습니다
<script>
$('#myform').ajaxForm(function(response) {
alert(response);
});
// this will register the AJAX for <form id="myform" action="some_url">
// and when you submit the form using <button type="submit"> or $('myform').submit(), then it will send your request and alert response
</script>
위의 게시물에 제안 당신은. 직렬화 ()를 간단한 $ ( '양식')를 사용할 수 있지만 그 것이다) FILE 입력 ... ajaxForm에 대한 작업 (하지 않습니다.
from https://stackoverflow.com/questions/16323360/submitting-html-form-using-jquery-ajax by cc-by-sa and MIT license