Передача данных с Ajax на php

Question

Я пытаюсь отправить данные из ajax в php, но php не показывает его. оба сценария находятся на одном сайте: «testpage.php».

JQuery/Ajax:

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
<script> 
    $(document).ready(function() { 
    $("#button").click(function() { 

     var test = "bla"; 
     $.ajax({ 
     url: "testpage.php", 
     type: "post", 
     data: test, 
     success: function (response) { 
      alert("test ok"); 
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
      console.log(textStatus, errorThrown); 
     } 
     }); 
    }); 
    }); 
</script> 

PHP:

 <?php 
     if(isset($_POST["test"])) { 
      $test2 = $_POST; 
      echo $test2; 
      echo "Test"; 
     } 
     ?> 

Я не вижу результата PHP

Answer 1

использование data: {test:test}, & предупреждение ваш ответ, чтобы увидеть результат.

success: function (response) { 
    alert(response); 
}, 

или просто append ваш ответ на html.

Answer 2

Вы должны использовать data: {test:sometext}, если вы хотите сделать POST запрос.

Answer 3

PHP не может видеть значение в сообщении, потому что вы отправляете только bla в тело PHP. Вы должны отправить test=bla. Но jQuery может сделать это автоматически, отправив data : { test : test }.

$(document).ready(function() { 
    $("#button").click(function() { 

     var test = "bla"; 
     $.ajax({ 
      url: "testpage.php", 
      type: "post", 
      data: { 
       test : test 
      }, 
      success: function (response) { 
       alert("test ok"); 
      }, 
      error: function(jqXHR, textStatus, errorThrown) { 
       console.log(textStatus, errorThrown); 
      } 
     }); 
    }); 
}); 

Answer 4

Метод serialize() можно использовать в $ .ajax();

Что-то вроде:

$.ajax({ 
    url: "testpage.php", 
    type: "post", 
    data: $("#myForm input").serialize(), 
    success: function (response) { 
     alert("test ok"); 
    }, 
    error: function(jqXHR, textStatus, errorThrown) { 
     console.log(textStatus, errorThrown); 
    } 
    }); 

Затем попытайтесь пользователям доступ к сообщению данных по имени формы ввода.

Answer 5

var data = { 
     'test': "bla", 
    }; 

    $.ajax({ 
     type: "POST", 
     url: "testpage.php", 
     data: data, 
     dataType: "json" 
    }).done(function(response){ 
     console.log(response); 
    }).fail(function(response){ 
     console.log(response); 
    });