使用ajax从jquery发送POST数据到php - 没有响应

时间:2016-12-10 12:03:54

标签: javascript php jquery ajax

我希望在结果div(' ajax')中提交表单时看到ajax响应 - 但是无法设法做到这一点。

有什么问题?我怎样才能做到这一点?我看到帖子正在控制台的网络标签中发送,但它不起作用....

这是我的代码:

index.php文件:

$res = isset($_POST['login']) ? $_POST['login'] : '';
print '<form id="forma">
    <input type="text" name="login"/>
    <input id="submit" type="submit" onclick="Javascript: AjaxForm.showForm(); return false;"/>
</form>
<div id="ajax">'.$res.'</div>'

和javascript文件:

var AjaxForm =
{
    showForm: function()
    {
        var x = $('#forma').serialize();
        $.ajax({url: 'index.php', type: 'POST', data: x});
    }
}

2 个答案:

答案 0 :(得分:2)

将成功属性添加到您的ajax调用

     $.ajax({url: 'index.php',
          type: 'POST', 
          data: x,
          success: function(data){
              //data is your response
              console.log(data);
          }
    });

答案 1 :(得分:0)

希望这会对你有所帮助

$(document).on('submit','#forma',function(){
     var data=$(this).serialize();
     $.ajax({
            url: "index.php",            
            type: "POST",
            data: data,
            success: function(data) 
              {
                 alert(data);
              }
        }); 
  return false;
});