Question

编辑 - 在我的网络开发上它说请求被取消所以我在onsubmit上添加了return 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'];

Answer 1

试试这段代码：

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

Answer 2

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

data: { text_box: searchBox.value },

Answer 3

为什么你不使用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" );
});

通过AJAX发送数据并打印结果

3 个答案: