Question

我有一个真正的问题。我有一个PHP代码和一个表单，当提交表单时，发送一个POST请求，页面重新加载，然后在页面中发布该帖子。但我想在AJAX中使用以便页面不被刷新。我知道AJAX的基础知识，但我不想从beggining构建所有项目。有没有一种方法成功的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);
     }
   });
});

将AJAX与PHP代码链接起来。我需要再写一次吗？

2 个答案: