Отправка данных $.post

[GatuZa]

Программирую на php. Но попросили сделать отправку данных на сервер асинхронно (т.е. без перезагрузки страницы). Помогите пожалуйста.

  <form id="form">
    <input id="login" type="text" name="login"/>
    <input id="submit" type="submit" name="submit"/>
  </form>

  $('#submit').click(function(){
    var data = $('#form').serialize();
    $.post('media/js/js2php.php', data, function(data){
      alert(data);
      });
    });
  })

файл 'media/js/js2php.php'

  $login = @mysql_real_escape_string($_POST['login'], $link);
// else code
  echo $login;

Надо отправить форму в которой только одно поле ЛОГИН, в файл 'media/js/js2php.php', там провести нужные манипуляции и запихнуть его в любой див рядом с формой без перезагрузки. Буду очень благодарен.

 

[WMix]

<div id="любой див рядом с формой"></div>
...
<input id="login" type="text" id="login_id" name="login"/>
...
var req_data = {login: $('#login_id').val()};
$.post('media/js/js2php.php', req_data, function(data){
      $('#любой див рядом с формой').html(data);
});

хотя не понимаю чем тебе кнопочка мешает...

 

[GatuZa]

<div id="любой див рядом с формой"></div>
...
<input id="login" type="text" id="login_id" name="login"/>
...
var req_data = {login: $('#login_id').val()};
$.post('media/js/js2php.php', req_data, function(data){
      $('#любой див рядом с формой').html(data);
});

хотя не понимаю чем тебе кнопочка мешает...

спасибо, но у меня почему-то данные передаются гетом, кидает на главную...
/index.php?login=111&submit=Отправить

 

[GatuZa]

убрал тег <form></form>
нажимаю на кнопку отправить ничего не происходит

 

[GatuZa]

<input id="login" type="text"/>
<input id="submit" type="submit"/>

  $('#submit').click(function(){
    var data = {login: $('#login').val()};
    $.post('media/js/js2php.php', data, function(data) {$('#text').html(data);});
  });
})

  $login = @mysql_real_escape_string($_POST['login'], $link);
//  var_dump($login);
  echo $login;

 

[WMix]

форму верни... смени type="submit" на button чтоб не отправлялось гетом, или перехватывай onsubmit event
у <input id="login" type="text"/> верни аттрибут name

 

[GatuZa]

<form id="form">
  <input id="login" type="text" name="login"/>
  <input id="submit" type="button" value="Send"/>
</form>

  $('#submit').click(function(){
    var data = {login: $('#login').val()};
    $.post('media/js/js2php.php', data, function(data) {$('#text').html(data);});
  });
})

 $login = @mysql_real_escape_string($_POST['login'], $link);
//  var_dump($login);
  echo $login;

ничего не происходит

 

[WMix]

ничего не происходит... не отправляется, не принимает ответ, не вставляет его?

 

[GatuZa]

жму на кнопку и ничего не происходит

login: $('#login').val() // ВОЗВРАЩАЕТ ЗНАЕЧНИЕ ПОЛЯ
alert($('#text').html(data)); // ВОЗВРАЩАЕТ object Object

В ДИВ НИЧЕГО НЕ ВПИСЫВАЕТ

 

[WMix]

запрос на сервер уходит?
интереснее alert('ОТВЕТ' +data); так спрашивать

 

[WMix]

есть еще один момент, переменная дата она у тебя и запрос и ответ, в этом нет проблем, но может лучше 2 различные переменные?

 

[GatuZa]

файл js2php.php не отвечает
echo 'HELLO!'; die; не выводит ничего

 

[GatuZa]

  $('#submit').click(function(){
    var data = {login: $('#login').val()};
    $.post('media/js/js2php.php', data, function(data1) {$('#text1').html(data1);});
  });
})

 

[WMix]

уууу... а firebug понятие вам знакомо?... если нет познакомтесь, если да, то посмотреть запрос ( отправляется ли), ответ (есть ли ошибки http )...

 

[GatuZa]

Failed to load resource: the server responded with a status of 500 (Internal Server Error)

 

[GatuZa]

  $('#submit').click(function(){
    var data = {login: $('#login').val()};
    $.post('media/js/js2php.php', data, function(data1) {$('#text1').html(data1);});
  });
})

это правильно?

 

[GatuZa]

WMix
спс
у меня инклуды по дефолту стояли они отдавали 500 ошибку
работает