Faça assim:
Ao carregar a página rode um ajax postando a id para um script php, em seguida recupere o valor da id em seu php pela variavel $_GET['id']
, dentro dele faça um select no banco de dados filtrando pela id enviada, por último carregue as informações e imprima a resposta em json.
Em seu html :
<input type="hidden" id="produto_id" value="<?php echo $_GET['id']; ?>" />
Em seu javascript faça:
$(document).ready(function (){
$.get("loadValue.php",{id : $('#produto_id').val()},function(data,status){
if(data == 'success'){
var arr = $.parseJSON(data);
$('#nome_produto').val(arr.nome);
$('#descricao').val(arr.texto);
}
});
});
$ (Documento).ready()
Uma página não pode ser manipulada com segurança até que o documento esteja "pronto". JQuery detecta esse estado de prontidão para você. O código incluído no interior
$( document ).ready()
só será executado uma vez que a página Document Object Model (DOM) esteja pronta para o código JavaScript para executar. O código incluído dentro
$( window ).on("load",function() { ... })
será executado uma vez que a página inteira (imagens ou iframes), e não apenas DOM, esteja pronta.
Agora se quiser apenas mostrar os campos inputs text ao carregar a página, a resposta está acima também serve. Basta carregar a id vinda por get em um campo do tipo hidden em seguida usando document.ready mostrar os campos de texto se o atributo value tiver valor.