Isto $.post
não é uma função JavaScript, é uma função que faz parte de uma lib/biblioteca para JavaScript que é adicionada manualmente por ti.
Essa biblioteca/lib pode ser que seja jQuery
ou pode ser que seja Zepto
(ou outra compatível), nenhum dos exemplos nas demais respostas vai funcionar só de adicionar em sua página, pois depende de adicionar o jQuery/Zepto nela primeiro.
Usando com jQuery/Zepto
Se for usar jQuery primeiro adicione isto dentro de <head>
(ou no final da página, antes do <body>
):
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
Se for Zepto adicione isto:
<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
Então após essa tag você pode adicionar uma outra tag como isto:
<script src="meujs.js"></script>
E deve criar na mesma pasta um meujs.js
com o seguinte conteúdo (não precisa ser exatamente assim):
$(function () { //<--- o $(...) equivale a função $.ready(...) que só executa um script quando o DOM (document) tiver sido carregado
$.post("pagina_que_ira_receber_o_post.php", {
"variavel1": "valor A",
"variavel2": "valor B",
"variavel3": "valor C"
}).done(function (data) {
alert(data); //Pega a resposta da pagina_que_ira_receber_o_post.php
}).fail(function (error) {
alert(error); //Pega o erro, podendo ser uma exception no parse ou um erro HTTP
});
});
A página deve ficar assim:
...
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="meujs.js"></script>
</head>
<body>
...
JavaScript puro
Você não precisar uma lib (biblioteca) inteira para usar o Ajax (semelhante aos $.ajax, $.post, $.get), pode simplesmente usar a API nativa do navegador chamada XmlHttpRequest
.
Aproveite e dê uma lida nisto:
Exemplo de envio de POST:
var oReq = new XMLHttpRequest();
//Defina como true
oReq.open("POST", "pagina_que_ira_receber_o_post.php", true);
//Função assíncrona que aguarda a resposta
oReq.onreadystatechange = function()
{
if (oReq.readyState === 4) {
if (oReq.status >= 200 && oReq.status <= 299) {
alert(oReq.responseText);// Pega a resposta da pagina_que_ira_receber_o_post.php
} else {
alert("Erro HTTP na requisição: " + oReq.status);
}
}
};
var variaveis = {
"variavel1": "valor A",
"variavel2": "valor B",
"variavel3": "valor C"
};
var campos = {};
for (var k in variaveis) {
campos[escape(k)] = escape(variaveis[k]);
}
//Envia a requisição, mas a resposta fica sendo aguardada em Background
oReq.send(campos);