Проблема в jQuery, отправляющая значения с $ .post

Question

EDITED: после двух часов, пытаясь решить мою проблему, я был запутан, поэтому я пришел в StackOverflow, я прочитал связанные вопросы, которые не решили мою проблему, и, наконец, я попросил помощи , Я упростил свой код и разместил этот вопрос. Испытывая код, который вы мне дали, я мог видеть, где я терпел неудачу. Это смущает: перед вызовом $ .post я менял содержимое формы div, чтобы показать gj-загрузчик ajax, поэтому, когда $ .post был вызван, входы были удалены.

Hello. Я тестирую функции JQuery AJAX, и я не могу отправить данные по $.post. Это процесс:

• form.php: форма HTML и JQuery скрипт, переводящее значение от $ .post и предупреждений результата
• process.php: PHP скрипт, который принимает значения, работа с ними и что-то возвращает.

ФОРМА

<form action="#" method="post"> 
<label for="name">Your name</label> 
<input type="text" name="name" id="name" /> 
<label for="email">Your email</label> 
<input type="text" name="email" id="email" /> 
<input type="button" value="send" id="btnSend" /> 
</form> 

Jquery

function sendAjaxPost(){ 

     $.post('process.php',{ 
       name: $('#name').val(), 
     email: $('#email').val() 
     }, 
     function(data){ 
      alert(data); 
     }); 
     } 

$('#btnSend').click(function(){ 
    sendAjaxPost(); 
} 

process.php

foreach($_POST as $key => $value) 
{ 
echo $key . ' => ' . $value . '<br/>'; 
} 

Я не могу отправить $ ('# имя'). Вал(), но если я отправляю строку, все работает нормально. У меня есть предупреждение $ ('# name'). Val() внутри функции jQuery, и это можно прочитать. Я следил за синтаксисом, указанным в $.post.

Может ли кто-нибудь дать мне свет? Заранее спасибо

Answer 1

Если вы можете прочитать поля ввода на функцию, вы можете попробовать это,

function sendAjaxPost(){ 
     name=$('#name').val(); 
     email=$('#email').val(); 
     alert(name); 
     alert(email); 
     //If this two alerts the name and email, try with $.get(); 
     $.post('process.php',{ 
       name: name, 
       email:email 
     }, 
     function(data){ 
      alert(data); 
     }); 
     }