ajax - 将 AJAX 与 PHP 代码链接。我需要再写一遍吗？

Question

我有一个真正的问题。我有一个 php 代码和一个表单，当提交表单时，发送一个 POST 请求并且页面重新加载，当然帖子是在页面中查看的。但我想使用 AJAX 以使页面不被刷新。我了解 AJAX 的基础知识，但我不想从一开始就构建所有项目。AJAX 的成功功能有没有办法链接到我的 php 代码？

$.ajax({
  type: "POST",
  url: "index.php",
  datatype: "html",
  data: dataString,
  success: function(data) {
    //How can i link here to start running my php code which is located in the same page.
  }
});

Answer 1

$.ajax({
  type: "POST",
  url: "somescript.php",
  datatype: "html",
  data: dataString,
  success: function(data) {
     // try this
     console.log(data);
     // see what 'data' actually is
  }
});

然后在浏览器中按 F12 查看控制台。

你也确定你想要数据类型html吗？您可能想要 json 或 XML 的数据类型，在 ajax 发布后服务器返回给您的是什么？

Answer 2

您必须取消表单的提交，以便 ajax 请求将发生，否则将被取消。还用于.serialize获取要在 ajax 调用中使用的表单数据的名称-值对字符串。

html

<form id="MyForm">
  <button id="MyButtonId">Submit</button>
</form>

JS

$("#MyForm").submit(function(e){
   //Prevents the form from being submitted
   e.preventDefault();
   $.ajax({
     type: "POST",
     data: $("#MyForm").serialize(),
     url: "somescript.php",
     datatype: "html",
     data: dataString,
     success: function(data) {
       alert(data);
     }
   });
});