通过AJAX发送数据并打印结果 - Send Data via AJAX and print result

Send Data via AJAX and print result

本文关键字：打印结果数据 AJAX 通过 | 更新日期: 2023-09-27

EDIT -在我的web开发上，它说请求被取消了，所以我在onsubmit上添加了返回false。现在什么也没发生

我试图通过ajax发送一些数据到我的PHP，它似乎不工作。下面是执行AJAX请求的Javascript:

var textBox = document.getElementById("searchBox");
search.onsubmit = function() {
 return false;
 $.ajax({
    url: 'request.php',
    type: "POST",
    data: {text_box: textBox.value},
    success:function(data){
        alert(data);
    }
 });
};

然后这里是处理请求的PHP:

echo $_POST['text_box'];

试试下面的代码:

$.ajax({
    url: '/full/path/to/request.php',
    type: "POST",
    data: {text_box: searchBox.value},
    success:function(data){
        alert(data);
    }
});

您没有对数据进行编码或为其提供密钥名称。

data: { text_box: searchBox.value },

为什么不使用JQuery的post方法呢?

var textBox = $('#searchBox').val();
$.post( "request.php", { text_box: textBox}, function(data) {
   alert(data);
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
});