A função load é para carregar um conteúdo (geralmente algum HTML), dentro de um determinado elemento, ou seja, no seu caso $("#conteudo").load("processa.php");
você está carregando o conteúdo de processa.php
dentro do elemento $("#conteudo")
.
Utilize a função ajax em vez de load, e também faça com que o resultado seja colocado no callback da função. Também recomendo realizar o retorno com formato json
.
Exemplo
$.ajax({
url: 'processa.php',
dataType: 'json',
success: function(data){
$('#conteudo').val(data.texto);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(jqXHR);
console.log(textStatus, errorThrown);
}
});
processa.php
<?php
echo json_encode(Array('texto' => 'texto de exemplo'));
Explicando
A parte
success: function(data){
$('#conteudo').val(data.texto);
}
será executada quando o ajax
receber o retorno do processa.php
, e esse retorno virá no parâmetro data
. A propriedade texto
do parâmetro data
, foi definido lá no processa.php
, codificando para o formato json
pela função json_encode
.
Caso o script processa.php
tenha algum erro, e não é executado corretamente, então a função success: function(data){ ... }
não será executada, em vez disso será executada a função error: function(jqXHR, textStatus, errorThrown) { ... }
, e os parâmetros serão objetos contendo as informações do erro, nela você pode colocar um alert
informando ao usuário que a consulta não pode ser completada, ficando assim:
error: function(jqXHR, textStatus, errorThrown) {
console.log(jqXHR);
console.log(textStatus, errorThrown);
alert('Não foi possível completar a requisição.');
}
load
vai carregar o resultado doprocessa.php
pra dentro do elemento com id 'conteudo'. Então o deveria fazervar n_pc = $("#conteudo").text();
$("#conteudo").load("processa.php");
evar n_pc = $("#conteudo").text();
??load
não retorna nada, ele apenas 'joga' o conteúdo no elemento 'conteudo'.processa.php
retorna, um texto puro, um html, um json ou oque?