無法使用JQuery和Ajax發布數據

Question

我是php新手。 我正在嘗試用ajax發布一些輸入，但是它不起作用。

這是我輸入的HTML：

 <div class="form-group"> <h3>Answer:</h3> <div class="input-group"> <textarea name="q1" id="q1" class="form-control" rows="4" ></textarea> </div> </div> <button type="button" id="button" class="btn btn-primary btn-lg">Submit</button> 

這是我的jQuery函數來發布數據：

 $(function(){ $('button').click(function(){ var q1= $('#q1').val(); $.ajax({ type: 'post', url: 'test.php', data: { q1: q1 }, success: function (response) { console.log( response); } }); }); }); 

我的test.php是顯示輸入的簡單代碼：

 <?php $q1= $_POST['q1']; echo $q1; ?> 

我不知道為什么在我的test.php中收到此錯誤： Notice: Undefined index: q1 in C:\\xampp\\htdocs\\series\\file\\test.php on line 2

誰能告訴我問題出在哪里？

Answer 1

首先，您嘗試將json數據發布到您的php文件中，因此jQuery可能無法為您的請求創建正確的有效負載，因為您會獲得undefined index:q1 。 您可以嘗試以下代碼嗎？

$(function () {
    $('button').click(function () {
        var q1 = $('#q1').val();
        $.ajax({
            type : 'post',
            url : 'test.php',
            data : "q1="+q1,
            success : function (response) {
                console.log(response);
            }
        });
    });
});

Answer 2

嘗試這個：

 $('document').ready(function(){ $("form#data").submit(function(){ var formData = new FormData($(this)[0]); $.ajax({ url: 'url', type: 'POST', data: formData, async: false, success: function (data) { alert(data); }, cache: false, contentType: false, processData: false }); return false; }); }); } 

  <form id="data" method="post"> <div class="form-group"> <h3>Answer:</h3> <div class="input-group"> <textarea name="q1" id="q1" class="form-control" rows="4" ></textarea> </div> </div> <input type="submit" id="button" class="btn btn-primary btn-lg"> </form>