в html-код вашей кнопки добавьте параметр accesskey="Enter" - тогда на нажатие Энтер - будет происходить нажатие кнопки вашей.
далее jquery.ajax
$(document).ready(function(){
$("#кнопка").click(function(){
$.ajax({
type: 'POST',
url: "адрес куда вы отправляете данные",
// в кавычки ниже вы указываете строкой переменные и их значения, которые отсылаете серверу
data: "var_input1=содержимое_блока_инпут1&var_input2=содержимое_блока_инпут2",
success: function(data){ // в ответ сервер выдаёт вам какие-то данные, например html
data=String(data);
var pagetitle=data.replace(/^[\s\S]*<title.*?>|<\/title>[\s\S]*$/ig, ''); // находим заголовок
var regexp=/<!--([\s\S]*?)-->/mig; // находим данные внутри тэга <body> и преобразуем в объект Jquery.
data=data.replace(regexp,"");
data='<div id="root">'+data.replace(/^[\s\S]*<body.*?>|<\/body>[\s\S]*$/ig, '')+'</div>';
data=$(data);
// далее вы уже можете внедрить в код вашей страницы детали ответа, если хотите
}
})
});
})
Если вы хотите передать данные JSON
то вместо data в $.ajax нужно использовать processData
"По умолчанию, все передаваемые на сервер данные, предварительно преобразуются в строку (url-формата: fName1=value1&fName2=value2&...) соответствующую "application/x-www-form-urlencoded". Если вам необходимо отправить данные, которые нельзя подвергать подобной обработке (например документ-DOM), то следует отключить опцию processData. "
jquery.page2page.ru/index.php5/Ajax-%D0%B7%D0%B0%D...