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

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

我试图通过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" );
});

---

你能告诉我如何定义textBox变量edited来添加textBox变量@SpokeySorry吗？我刚刚意识到我的代码已经是这样了，是不是因为我的javascript文件与php文件位于不同的文件夹中@Olim SaidovIf请求的php文件位于不同的文件夹中。您应该在ajax调用中指定正确的url，即url:“/full/path/to/request.php”确定，因此js文件位于不同的文件夹中，但html文件与html文件位于同一文件夹中。请求是来自html文件还是js文件？它来自html文件。请发布Firefox/WebDev工具截图。URL是相对于执行代码的HTML文件而不是包含代码的JS文件解析的。